KR101953710B1

KR101953710B1 - 다이알로그 커스터마이제이션을 위한 시스템 및 방법

Info

Publication number: KR101953710B1
Application number: KR1020157029361A
Authority: KR
Inventors: 유발 골드스테인; 아비 마르쿠스; 샤론 프타쉑; 크피르 골랜; 다니엘 쉬무글린
Original assignee: 윅스.컴 리미티드
Priority date: 2013-03-14
Filing date: 2014-03-13
Publication date: 2019-05-31
Also published as: JP2024056825A; JP6978558B2; JP2024029229A; JP7420861B2; CN110045894A; JP2019036331A; EP2972977B1; IL310457A; AU2018202241C1; JP6744380B2; HK1221298A1; CA3208976A1; AU2014229260C1; CA2904813A1; KR20190092614A; WO2014141122A1; US20170322922A1; KR20220003671A; MX361586B; IL267674A

Abstract

본 발명의 시스템은, 시스템의 디스플레이된 페이지 상의 오브젝트의 선택을 위해, 여기서 각각의 오브젝트가 사전 정의된 커스토마이즈 가능한 속성 및 커스토마이즈 가능하지 않은 속성을 가짐, 선택된 오브젝트들의 커스토마이즈 가능한 속성을 소팅하는 소터(sorter)를 포함한다. 시스템은 또한 소팅된 사전 정의된 커스토마이즈 가능한 속성에 기초하여 선택에 특정되는 커스토마이제이션 다이알로그를 구축하기 위한 다이알로그 빌더(dialog builder)와, 이 다이알로그를 디스플레이하기 위한 디스플레이어와, 다이알로그에 따라 입력을 수신하고, 입력에 따라 커스토마이즈 가능한 속성을 업데이트하기 위한 업데이터를 포함한다.

Description

다이알로그 커스터마이제이션을 위한 시스템 및 방법{A SYSTEM AND METHOD FOR DIALOG CUSTOMIZATION}

발명의 분야

본 발명은 전반적으로 컴포넌트 기반 어플리케이션 빌더(component based application builder)에 관한 것으로, 보다 구체적으로는 다이알로그 커스터마이제이션에 관한 것이다.

관련 출원에 대한 상호 참조

본 출원은 2013년 3월 14일자로 출원된 미국 가특허 출원 번호 61/781,866을 우선권으로 주장하며, 이 특허 출원은 그 전체 내용이 원용에 의해 본 명세서에 통합되는 것으로 한다.

웹사이트 및 기타 온라인 또는 오프라인 어플리케이션을 생성하고 편집하기 위해 사용될 수 있는 웹사이트 구축 시스템, 웹페이지 구축 시스템, 데스크탑 어플리케이션 구축 시스템, 및 모바일 어플리케이션 구축 시스템과 같은 상업적으로 이용 가능한 다수의 온라인 및 오프라인 컴포넌트 기반 어플리케이션 빌더가 있다. 본 출원은 간략화를 위해 웹사이트 구축 시스템을 언급하지만, 본 발명의 특징부는 전술한 컴포넌트 기반 어플리케이션 빌더에도 적용될 수 있다.

웹사이트 구축 시스템은 컴포넌트 오브젝트 또는 비-컴포넌트 오브젝트이어도 되는 오브젝트를 포함하는 페이지의 개념(notion)을 기반으로 한다. 컴포넌트는 아토믹 컴포넌트(atomic component) 또는 컨테이너 컴포넌트(container component)이어도 된다. 컨테이너 컴포넌트는 단일-페이지 컨테이너 또는 복수-페이지 컨테이너(서로 분리된 복수의 미니-페이지를 포함하는)이어도 된다. 복수-페이지 컨테이너는 단일의 미니-페이지를 따로따로 디스플레이할 수 있거나(단일 페이지 디스플레이), 미니-페이지의 다수 또는 전부를 디스플레이할 수 있으며(갤러리/캐러셀(carousel) 디스플레이), 복수-페이지 컨테이너는 고정된 디스플레이 모드(예컨대, 오직 갤러리 디스플레이)를 가질 수 있거나, 또는 복수의 디스플레이 모드들 간의 스위칭을 허용할 수도 있다. 비-컴포넌트 오브젝트는 아래에 추가로 설명되는 바와 같이 관계 오브젝트(relationship object), 뷰, 및 템플릿(template)을 포함할 수 있다.

컴포넌트는 예컨대 텍스트 컴포넌트를 위한 텍스트, 이미지 컴포넌트를 위한 이미지 등과 같은 컨텐츠를 가질 수 있다. 컴포넌트는 또한 구체적으로 디스플레이 속성(예컨대, 컬러, 프레임) 및 레이아웃 속성(크기 및 위치)을 포함한 추가의 속성을 갖는다.

컴포넌트는 임의의 내부 컨텐츠를 갖지 않는(컬러, 크기, 위치 및 몇몇 기타 속성을 갖기는 하지만) 별-형상(star-shape)과 같은 컨텐츠-리스(content-less)일 수도 있고, 또는 내부 컨텐츠가 폰트, 포맷팅 및 레이아웃 정보뿐만 아니라 디스플레이된 텍스트를 포함하는 텍스트 패러그래프 컴포넌트(text paragraph component)와 같은 내부 컨텐츠를 가질 수도 있다. 이 컨텐츠는 물론 텍스트 패러그래프 컴포넌트의 하나의 인스턴스(instance)로부터 또 다른 인스턴스로 변경될 수도 있다.

웹사이트 구축 시스템은 또한 오브젝트 A가 엔티티 B(부모로 지칭되는)로부터 상속받은 때에 A의 서브-엘레멘트가 B 등의 서브-엔티티로부터 복사되도록 오브젝트들 간의 상속 관계(inheritance relationship)를 지원할 수 있다.

웹사이트 구축 시스템은 또한 제3자 어플리케이션 및 이들에게 임베드된 컴포넌트를 이용하여 확대될 수 있다. 이러한 제3자 어플리케이션은 웹사이트 구축 시스템 설계 환경에 포함될 수 있거나, 또는 웹사이트 구축 시스템에 일체화된 어플리케이션 스토어(AppStore)로부터, 또는 웹사이트 구축 시스템(WBS) 벤더에 의해 또는 또 다른 엔티티에 의해 작동되는 별도의 웹-기반 또는 독립형 어플리케이션 레포지터리(또는 AppStore)로부터와 같은 다수의 분배 메카니즘을 통해 별도로 구매될 수도 있다(또는 그렇지 않은 경우에는 획득될 수도 있다). 제3자 어플리케이션은 또한 제3자 어플리케이션 벤더로부터 직접 획득될 수도 있으며(AppStore를 통해 또는 AppStore를 통하지 않고서), 이것은 실제 설치 모듈 또는 단지 활성화 코드 또는 액세스 코드를 제공할 것이다.

따라서, 웹사이트 구축 시스템에 의해 생성된 전형적인 사이트는 제3자 어플리케이션 컴포넌트 및 레귤러 컴포넌트(regular component)의 인스턴스로 이루어지는 페이지를 가질 수 있다. 이러한 페이지는 또한 아래에 추가로 설명되는 바와 같이 페이지 선택 템플릿(뷰로서 알려진)을 사용하여 포맷화된 내부 또는 외부 데이터 소스로부터의 데이터 아이템을 디스플레이하는 링킹 컴포넌트(linking component)를 포함할 수 있다.

다이알로그 인터페이스는 임의의 온라인 어플리케이션 빌더(온라인 웹사이트 구축 어플리케이션과 같은)의 중요한 특징이다. 다이알로그 인터페이스는 관련 시스템(pertinent system)으로 하여금 설계자 및/또는 최종 사용자에게 입력되거나 설계자 및/또는 최종 사용자로부터 입력되는 정보 또는 요청을 제공하게 한다.

본 발명의 바람직한 실시예에 따라, 시스템의 소정의 선택된 디스플레이된 오브젝트들에 대해 ― 상기 선택된 오브젝트의 적어도 하나가 사전 정의된 커스토마이즈 가능한 속성(pre-defined customizable attribute) 및 커스토마이즈 가능하지 않은 속성을 가짐 ―, 상기 선택된 오브젝트들의 상기 커스토마이즈 가능한 속성을 소팅하는 소터(sorter)와, 상기 소팅된 사전 정의된 커스토마이즈 가능한 속성에 기초하여 상기 선택에 특정되는 커스토마이제이션 다이알로그(customization dialog)를 구축하기 위한 다이알로그 빌더(dialog builder)를 포함하는 시스템이 제공된다.

또한, 본 발명의 바람직한 실시예에 따라, 상기 시스템은, 상기 다이알로그를 디스플레이하는 디스플레이어(displayer)와, 상기 다이알로그에 따라 입력을 수신하고, 상기 입력에 따라 상기 커스토마이즈 가능한 속성을 업데이트하는 업데이터(updater)를 더 포함한다.

또한, 본 발명의 바람직한 실시예에 따라, 각각의 상기 적어도 하나의 선택된 오브젝트는 상기 사전 정의된 커스토마이즈 가능한 속성을 나열하는 적어도 하나의 연관된 커스토마이제이션 레코드를 갖는다.

또한, 본 발명의 바람직한 실시예에 따라, 상기 오브젝트는 아토믹 컴포넌트(atomic component), 컨테이너 컴포넌트(container component), 링킹 컴포넌트(linking component), 제3자 컴포넌트(third party component), 템플릿(template), 뷰(view), 및 적어도 2개의 오브젝트 간의 관계를 표현하는 관계 오브젝트(relationship object) 중의 적어도 하나이다.

또한, 본 발명의 바람직한 실시예에 따라, 상기 선택은 사전 정의된 선택, 사용자 선택(user selected), 및 선택의 확장(expansion of a selection) 중의 적어도 하나이다.

또한, 본 발명의 바람직한 실시예에 따라, 상기 확장은 컨테인드 오브젝트(contained object)를 포함하도록 확장된 선택, 관련된 오브젝트를 포함하도록 확장된 선택, 및 상속된 오브젝트(inherited object)를 포함하도록 확장된 선택 중의 적어도 하나이다.

또한, 본 발명의 바람직한 실시예에 따라, 상기 선택은 적어도 하나의 오브젝트의 직접 선택, 상기 사용자에 의해 선택된 페이지 영역과의 인터섹션(intersection) 또는 인클루션(inclusion)에 따른 선택, 및 사용자 정의된 쿼리(user defined query)에 따른 선택 중의 적어도 하나이다.

또한, 본 발명의 바람직한 실시예에 따라, 상기 시스템은 상기 선택이 상기 복수의 디스플레이된 오브젝트 인스턴스의 서브세트를 포함하는 곳에서는 단일 페이지 상의 오브젝트의 복수의 인스턴스의 디스플레이를 지원한다.

또한, 본 발명의 바람직한 실시예에 따라, 상기 소터는 복수의 구성 가능 속성 엔트리를 상기 엔트리의 공통 특성(common property)에 따라 병합(merge)한다.

또한, 본 발명의 바람직한 실시예에 따라, 상기 소터는 속성을 우선순위에 따라 소팅한다.

또한, 본 발명의 바람직한 실시예에 따라, 상기 소터는 속성을 계층적 ID 구조(hierarchical ID structure)에 따라 소팅한다.

또한, 본 발명의 바람직한 실시예에 따라, 상기 소터는 속성을 영향을 받게 될 오브젝트에 제공된 힌트(hint)에 따라 배열한다.

또한, 본 발명의 바람직한 실시예에 따라, 상기 소터는 속성을 상기 적어도 하나의 연관된 커스토마이즈된 레코드에 기초한 우선순위에 따라 소팅한다.

또한, 본 발명의 바람직한 실시예에 따라, 상기 소터는 사전 정의된 조건에 따라 소팅한다.

또한, 본 발명의 바람직한 실시예에 따라, 충돌하는(conflicting) 상기 적어도 하나의 연관된 커스토마이즈된 레코드는 우선순위, 공통 값, 및 관련된 오브젝트 특성 중의 적어도 하나에 기초하여 통합된다(united).

또한, 본 발명의 바람직한 실시예에 따라, 상기 다이알로그는 선형 다이알로그, 계층 다이알로그, 및 2차원 다이알로그 중의 적어도 하나이다.

또한, 본 발명의 바람직한 실시예에 따라, 상기 다이알로그는 커스토마이제이션 우선순위 파라미터, 커스토마이제이션 계층 파라미터, 페이지 상의 구성된 오브젝트 컴포넌트의 위치, 및 영향을 받게 될 오브젝트에 제공된 다이알로그 레이아웃 힌트 중의 적어도 하나에 따라 레이아웃된다.

또한, 본 발명의 바람직한 실시예에 따라, 상기 업데이터는 상기 커스토마이즈 가능한 속성을 위해 사전 정의된 수식을 사용하여 업데이트한다.

또한, 본 발명의 바람직한 실시예에 따라, 상기 업데이터는 상기 속성이 WSYWYG(what you see is what you get) 이펙트를 제공하도록 수정되는 때에 지속적으로 업데이트한다.

또한, 본 발명의 바람직한 실시예에 따라, 상기 업데이터는 상기 속성이 상이한 상기 커스토마이즈 가능한 속성값을 갖는 상기 오브젝트의 2개의 버전들 간의 애니메이션(animation)을 제공하도록 수정되는 때에 점진적으로(gradually) 업데이트한다.

또한, 본 발명의 바람직한 실시예에 따라, 상기 업데이터는 링킹 컴포넌트, 사용자에 의해 선택된 특정한 뷰 인스턴스, 및 뷰 템플릿 정의(view template definition) 중의 적어도 하나 내의 뷰를 업데이트한다.

또한, 본 발명의 바람직한 실시예에 따라, 상기 시스템은, 웹사이트 구축 시스템(website building system), 웹 페이지 구축 시스템(web page construction system), 온라인 어플리케이션 구축 툴, 오프라인 어플리케이션 구축 툴, 및 모바일 어플리케이션 구축 툴 중의 하나이다.

본 발명의 바람직한 실시예에 따라, 소정의 선택된 디스플레이된 오브젝트에 대해 ― 상기 선택된 오브젝트의 적어도 하나가 사전 정의된 커스토마이즈 가능한 속성 및 커스토마이즈 가능하지 않은 속성을 가짐 ―, 상기 선택된 오브젝트들의 상기 커스토마이즈 가능한 속성을 소팅하는 단계와, 상기 소팅된 사전 정의된 커스토마이즈 가능한 속성에 기초하여 상기 선택에 특정되는 커스토마이제이션 다이알로그를 구축하는 단계를 포함하는 방법이 제공된다.

또한, 본 발명의 바람직한 실시예에 따라, 상기 방법은, 상기 다이알로그를 디스플레이하는 단계와, 상기 다이알로그에 따라 입력을 수신하고, 상기 입력에 따라 상기 커스토마이즈 가능한 속성을 업데이트하는 단계를 더 포함한다.

또한, 본 발명의 바람직한 실시예에 따라, 각각의 상기 적어도 하나의 선택된 오브젝트는 상기 사전 정의된 커스토마이즈 가능한 속성을 나열하는 적어도 하나의 연관된 커스토마이제이션 레코드를 갖는다,

또한, 본 발명의 바람직한 실시예에 따라, 상기 오브젝트는 아토믹 컴포넌트, 컨테이너 컴포넌트, 제3자 컴포넌트, 템플릿, 뷰, 및 적어도 2개의 오브젝트 간의 관계를 표현하는 관계 오브젝트 중의 적어도 하나이다.

또한, 본 발명의 바람직한 실시예에 따라, 상기 선택은 사전 정의된 선택, 사용자 선택(user selected), 및 선택의 확장 중의 적어도 하나이다.

또한, 본 발명의 바람직한 실시예에 따라, 상기 확장은 컨테인드 오브젝트를 포함하도록 확장된 선택, 관련된 오브젝트를 포함하도록 확장된 선택, 및 상속된 오브젝트를 포함하도록 확장된 선택 중의 적어도 하나이다.

또한, 본 발명의 바람직한 실시예에 따라, 상기 선택은 적어도 하나의 오브젝트의 직접 선택, 상기 사용자에 의해 선택된 페이지 영역과의 인터섹션 또는 인클루션에 따른 선택, 및 사용자 정의된 쿼리에 따른 선택 중의 적어도 하나이다.

또한, 본 발명의 바람직한 실시예에 따라, 상기 방법은 단일 페이지 상의 오브젝트의 복수의 인스턴스를 디스플레이하는 단계를 더 포함하며, 상기 선택은 상기 복수의 디스플레이된 오브젝트 인스턴스의 서브세트를 포함한다.

또한, 본 발명의 바람직한 실시예에 따라, 상기 소팅하는 단계는, 복수의 구성 가능 속성 엔트리를 상기 엔트리의 공통 특성에 따라 병합하는 단계를 포함한다.

또한, 본 발명의 바람직한 실시예에 따라, 상기 소팅하는 단계는 우선순위에 따라 이루어진다.

또한, 본 발명의 바람직한 실시예에 따라, 상기 소팅하는 단계는 계층적 ID 구조에 따라 이루어진다.

또한, 본 발명의 바람직한 실시예에 따라, 상기 소팅하는 단계는 영향을 받게 될 오브젝트에 제공된 힌트에 따라 이루어진다.

또한, 본 발명의 바람직한 실시예에 따라, 상기 소팅하는 단계는 상기 적어도 하나의 연관된 커스토마이즈된 레코드에 기초한 우선순위에 따라 이루어진다.

또한, 본 발명의 바람직한 실시예에 따라, 상기 소팅하는 단계는 사전 정의된 조건에 따라 이루어진다.

또한, 본 발명의 바람직한 실시예에 따라, 상기 방법은, 충돌하는 상기 적어도 하나의 연관된 커스토마이즈된 레코드를 우선순위, 공통 값, 및 관련된 오브젝트 특성 중의 적어도 하나에 기초하여 통합하는 단계를 더 포함한다.

또한, 본 발명의 바람직한 실시예에 따라, 상기 방법은, 상기 다이알로그를 커스토마이제이션 우선순위 파라미터, 커스토마이제이션 계층 파라미터, 상기 페이지 상의 상기 구성된 오브젝트의 위치, 및 영향을 받게 될 오브젝트에 제공된 다이알로그 레이아웃 힌트 중의 적어도 하나에 따라 레이아웃하는 단계를 더 포함한다.

또한, 본 발명의 바람직한 실시예에 따라, 상기 업데이트하는 단계는 상기 커스토마이즈 가능한 속성을 위해 사전 정의된 수식을 사용한다.

또한, 본 발명의 바람직한 실시예에 따라, 상기 업데이트하는 단계는, 상기 속성이 WSYWYG(what you see is what you get) 이펙트를 제공하도록 수정되는 때에 지속적으로 이루어진다.

또한, 본 발명의 바람직한 실시예에 따라, 상기 업데이트하는 단계는, 상기 속성이 상이한 상기 커스토마이즈 가능한 속성값을 갖는 상기 컴포넌트의 2개의 버전들 간의 애니메이션을 제공하도록 수정되는 때에 점진적으로 이루어진다.

또한, 본 발명의 바람직한 실시예에 따라, 상기 업데이트하는 단계는, 링킹 컴포넌트, 사용자에 의해 선택된 특정한 뷰 인스턴스, 및 뷰 템플릿 정의 중의 적어도 하나 내의 뷰를 바꾸는 단계를 포함한다.

발명의 대상으로서 고려되는 기술 요지가 구체적으로 명시되고, 본 명세서의 결론부에 명확하게 청구되고 있다. 그러나, 본 발명은, 발명의 목적, 특징, 및 장점과 함께 연산의 방법 및 조직(organization)에 관하여, 첨부 도면과 함께 정독하는 때에 이하의 발명을 실시하기 위한 구체적인 내용을 참조함으로써 가장 잘 이해될 것이다.
도 1은 레스토랑 웹사이트를 위한 컨텐츠 엔트리를 위한 다이알로그의 스크린샷이다.
도 2는 레스토랑 웹사이트를 위한 메뉴 및 메뉴의 설정 패널을 위한 커스토마이제이션 다이알로그를 포함하는 사용자 인터페이스의 스크린샷이다.
도 3은 모든 디스플레이된 아이템을 위한 아이템간 간격(inter-item spacing)을 변경하기 위한 커스토마이제이션 다이알로그의 스크린샷이다.
도 4는 8개의 상이한 텍스트 컴포넌트를 포함하고 있는 웹사이트 페이지의 개략 예시도이다.
도 5는 본 발명에 따라 구축되고 작동하는 웹사이트 다이알로그의 커스토마이제이션을 자동화하기 위한 시스템의 개략 예시도이다.
도 6은 본 발명에 따라 구축되고 작동하는 도 5의 시스템의 구현의 개략 예시도이다.
도 7은 본 발명에 따라 구축되고 작동하는 특정 페이지 뷰를 위한 커스토마이즈된 다이알로그의 개략 예시도이다.
도 8은 본 발명에 따라 구축되고 작동하는 컴포넌트 레이아웃 기반 다이알로그 생성의 개략 예시도이다.
도 9는 레스토랑 웹사이트의 메뉴를 위한 다른 레이아웃 디스플레이(다른 커스토마이제이션 다이알로그를 포함하는)를 보여주는 사용자 인터페이스의 스크린샷이다.
예시의 간결성 및 명확화를 위하여, 도면에 도시된 요소들은 반드시 실척으로 도시된 것은 아니라는 것을 이해할 것이다. 예컨대, 요소들 중 일부의 치수는 명확화를 위하여 다른 요소에 비하여 과장되어 있을 수도 있다. 또한, 적합한 것으로 고려되는 경우, 도면부호는 대응하거나 유사한 요소를 표시하기 위하여 도면들 간에 반복되어 있을 수도 있다.

이하의 상세한 설명에서, 다수의 구체적인 세부사항들이 본 발명의 완전한 이해를 제공하기 위하여 언급된다. 그러나, 본 발명이 이들 구체적인 세부사항들 없이 실시될 수도 있다는 것은 이 기술의 통상의 지식을 가진 자들에 의해 이해될 것이다. 다른 경우에, 본 발명을 모호하게 하지 않도록 널리 공지되어 있는 방법, 프로시저 및 컴포넌트가 상세히 설명되고 있지 않다.

웹사이트 구축 시스템은 통상적으로 설계자에게 특정 뷰, 아이템 및 아이템/뷰 조합을 포함한 웹사이트 오브젝트를 커스토마이즈하는 능력을 제공할 수 있다. 아래의 논의에서, 컴포넌트의 커스토마이제이션(가장 흔한 경우인)을 언급할 것이다. 그러나, 이하의 본 발명에 대한 설명은 구체적으로 뷰 및 템플릿을 포함하는 비-컴포넌트 오브젝트의 커스토마이제이션에 전체적으로 적용할 수 있다. 위에서 논의된 바와 같이, 다수의 웹사이트 컴포넌트는 컴포넌트 자체에 관련된 속성(예컨대, 백그라운드 컬러, 디스플레이된 텍스트의 폰트), 컴포넌트의 디스플레이 포맷(예컨대, 특정 데이터 포맷), 컴포넌트의 디스플레이 파라미터(열과 행의 개수와 같은)뿐만 아니라 특정 인스턴스에 관련된 디스플레이 파라미터(예컨대, 위치 및 크기)를 포함한 다수의 구성 가능 속성을 갖는다. 이들 구성 가능 속성은 레귤러 웹사이트 구축 시스템 사용자 인터페이스를 통해 또는 API 또는 웹 서비스와 같은 또 다른 수단을 통해 관련 인스턴스(pertinent instance)를 구성하기 위해 사용될 수 있다. 웹사이트 구축 시스템은 또한 커스토마이즈될 수 있는 관계 오브젝트를 지원할 수 있다. 이러한 관계 오브젝트는 웹사이트 구축 시스템 컴포넌트(또는 다른 오브젝트)들 간의 관계를 표현한다. 그 예는 동적 레이아웃 앵커(dynamic layout anchor)(예컨대, 컴포넌트들 간의 거리를 정하는 레이아웃 앵커)와 작동 관계(예컨대, 하나의 컴포넌트의 컨텐츠 변경이 또 다른 컴포넌트에 어떻게 영향을 주는지를 정의하는 관계) 등을 포함한다.

컴포넌트는 또한 커스토마이즈 가능하지 않거나 또는 조건부로 커스토마이즈 가능한 파라미터 및 속성을 가질 수 있다. 예컨대, 소정의 아이템은 소정의 뷰에 디스플레이될 때에만 커스토마이즈될 수 있다. 이들 커스토마이제이션 옵션은 사전 결정된 특정한 수정 또는 설계 권한(design privilege)에 따라서만 설계자(또는 최종 사용자)에게 공개될 수도 있다.

제3자 어플리케이션에 대해, 제3자 어플리케이션 벤더는 제3자 어플리케이션 인스턴스를 구성하기 위해 사용될 수 있는 특정한 구성 가능 속성을 정의할 수 있다. 이들은 디스플레이된 프레임 타입과 같은 로우-레벨일 수도 있고, 또는 e-커머스 제3자 어플리케이션(e-commerce third party application)을 위한 최대 허용 구매와 같은 하이 레벨일 수도 있다.

생성된 웹 사이트는 또한 페이지 섹션 템플릿(뷰로서 알려진)을 사용하여 포맷화된 외부 데이터 소스로부터의 데이터 아이템을 디스플레이하는 링킹 컴포넌트를 포함할 수 있다. 링킹 컴포넌트는 2014년 3월 13일자로 출원되고 본 발명의 공동 양수인에게 양도된 "DEVICE, SYSTEM, AND METHOD OF WEBSITE BUILDING BY UTILIZING DATA LISTS"를 발명의 명칭으로 하는 미국 특허 출원 번호 14/207,761에서 더 상세하게 설명되어 있다. 링킹 컴포넌트는 데이터 아이템으로 이루어지는 하나 이상의 콜렉션(collection)을 포함하고 있는 내부 또는 외부 데이터베이스에 링크할 수 있다. 링킹 컴포넌트가 디스플레이되는 때에, 데이터베이스는 디스플레이될 데이터 아이템의 현재 리스트를 발생하기 위해 액세스된다. 뷰는 각각의 데이터 아이템과 연관될 수 있고, 데이터 아이템이 소정의 영역에 한 번에 하나씩 디스플레이되거나(확대/줌 모드 디스플레이로서 알려진) 또는 복수의 아이템으로서 함께 디스플레이될 수도 있다(리스트 또는 갤러리 모드 디스플레이로서 알려진)는 것을 이해할 것이다. 상이한 데이터 아이템은 상이한 뷰를 사용하여 디스플레이될 수 있다.

또한, 페이지 구축 프로세스가 역시 구성 가능 속성을 갖는 추가의 (비-컴포넌트) 오브젝트를 생성할 수도 있다는 것을 이해할 것이다. 예컨대, 2개의 컴포넌트는 동적 레이아웃 앵커로 링크될 수 있으며, 앵커 길이(즉, 컴포넌트들 간의 간격)는 구성 가능 속성일 수도 있다.

본 출원인은, 이러한 구성 가능 컴포넌트에 대해 단일 커스토마이제이션이 복수의 컴포넌트에 영향을 줄 가능성이 있고, 예컨대 동일 컬러 적응(same color adaptation)이 조화(harmonious)를 유지하기 위해 동일 디스플레이 내의 복수의 컴포넌트에 적용될 수 있다는 것을 인지하였다. 또 다른 예는, 뷰의 우측 에지와, 조정될 수 있지만 둘 모두의 컴포넌트에 대해 동일하게 유지되어야 하거나 또는 소정의 비율로 계속 유지될 필요가 있을 수 있는 동일한 뷰 내의 2개의 컴포넌트와 간의 거리이다.

커스토마이제이션은 수반되는 특정한 아이템 또는 뷰의 컴포넌트의 속성에 영향을 줄 수 있다. 커스토마이제이션 옵션은, 소정의 컴포넌트를 디스플레이해야 하는지(예/아니오), 고정된 컨텐츠(예컨대, 타이틀 텍스트), 디스플레이 속성(예컨대, 폰트, 크기 및 컬러), 스크린 거리(위의 레스토랑 예에 대해서는 디쉬 네임(dish name)과 그 설명 간의 거리), 카운트(멀티-컬럼 디스플레이에서의 컬럼의 개수), 및 디스플레이를 핸들링하는 컴포넌트에 대해 핸들링되는 일반적 파라미터를 포함할 수 있다.

본 출원인은 또한 현재의 커스토머 다이알로그 또는 인터페이스가 설계자에게, 특정한 컴포넌트에 대한 업데이트 또는 변경을 행하기 위해, 모두가 복수의 속성을 갖는(몇몇은 구성 가능 속성이고 몇몇은 구성 가능하지 않은 속성), 개별 컴포넌트의 리스트를 플라우 쓰루(plough through)하도록 요구할 수 있다는 것을 인지하였다. 설계자에게 동일한 페이지의 8개의 상이한 컴포넌트의 백그라운드 컬러를 업데이트하도록 하기 위해, 설계자는 각각의 컴포넌트에 대한 백그라운드 컬러 속성을 개별적으로 업데이트하여야 할 것이다. 이 프로세스는 노동 집약적이고 시간이 많이 소요될 수 있다. 위에서 설명한 바와 같이, 모든 속성이 편집 가능하지 않더라도, 설계자에게 제시된 업데이트 다이알로그가 2개의 타입의 속성을 구별하지 못할 수도 있고, 둘 모두가 설계자에게 제시될 수 있다는 것을 이해할 것이다.

본 출원인은 전술한 업데이트를 요구할 수도 있는 관련 컴포넌트에 맞춤된(tailored) 커스토마이즈된 다이알로그의 생성이 어떠한 속성의 벌크 업데이트를 가능하게 할 수 있다는 것을 추가로 인지하였다. 본 출원인은 또한 커스토마이즈된 다이알로그가 초급 설계자(자신의 웹 사이트를 구축하기 위해 관련 웹사이트 구축 시스템을 사용하는 사람)에게, 중견 설계자(senior designer)에 의해 사전 결정되었을 수도 있는 대상으로 하는 컴포넌트를 위한 커스토마이즈 가능한 속성만의 리스트를 제공할 수 있다는 것을 인지하였다. 본 출원인은 또한 컴포넌트의 특정한 뷰(또는 표시)가 조정될 수 있고 커스토마이제이션의 중요성의 순위를 매길 수 있는 특정한 속성 및 값을 자동으로 결정할 수도 있다는 것을 인지하였다. 몇몇 커스토마이제이션은 다른 것보다 더 중요할 수 있으며, 액세스가 더 쉬워져야 한다.

본 발명의 실시예에 따라, 템플릿, 뷰 및 가능하게는 몇몇 페이지(여기에서는 편집된 페이지로서 알려진 것으로부터의)의 초기 구축뿐만 아니라 가능한 커스토마이제이션이 관련 웹사이트 구축 시스템의 제조자에 의해 수행될 수 있다는 것을 이해할 것이다. 중견 설계자는 커스토마이제이션 레코드를 셋업하고 작성하기 위해 관련 웹사이트 구축 시스템을 이용할 수 있다(본 명세서에서 아래에 더욱 상세하게 설명된 바와 같이). 완성된 결과는 자기 자신의 웹사이트를 생성하기 위해 준비된 템플릿 등을 사용할 수 있는 더 초급의 설계자(5)에 의해 이용될 수 있다. 중견 설계자는 또한 어느 속성이 초급 설계자에 의해 잠재적으로 구성 가능할 수 있고 또한 자신에게 노출되고 이용 가능하게 될 수 있는지를 설계 시에 결정할 수 있다는 것을 이해할 것이다. 또한, 중견 설계자와 초급 설계자 둘 모두가 동일한 사람(또는 회사)인 때의 경우가 있을 수도 있다는 것을 이해할 것이다.

중견 설계자(5)는, 웹사이트 구축 시스템으로부터 (이용 가능한 것으로부터) 어느 레이아웃을 사용할지를 선택하고, 그 레이아웃을 커스터마이즈하고, 그리고나서 지금 참조되고 있는 도 1에 예시된 바와 같이 시스템에 의해 제공되는 인터페이스를 통해 특정 데이터를 입력하거나 또는 데이터 소스에 연결함으로써 자기 자신의 사이트를 구축할 수 있다는 것을 이해할 것이다. 레이아웃 선택은 지금 참조되고 있는 도 2에 예시된 바와 같이 어느 세트의 뷰(부분적 페이지 템플릿)를 사용할지를 결정한다. 도 2는 자신의 작업 환경에서의 설계자(5)를 위한 레스토랑 웹사이트를 위한 웹사이트 설계의 스테이지를 예시하고, 커스토마이제이션 영역, 레이아웃 선택 영역, 및 제시될 수 있는 상이한 뷰를 도시하고 있다. 설계자(5)는 그리고나서 자신의 요구에 따라 웹 사이트를 적합화할 수 있다. 따라서, 설계자(5)는 뷰에 의해, 오브젝트에 의해, 또는 영역 등에 의해 커스토마이즈할 레이아웃의 일부분을 선택할 수 있다. 다른 레이아웃 선택의 효과가 지금 참조되고 있는 도 9에 추가로 예시되어 있다. 도 9는 설계자(5)가 여전히 동일한 하부 데이터(underlying data)를 사용하면서 이전의 리스트-스타일 레이아웃 [A] 대신에 갤러리-스타일 픽토리얼 레이아웃 [B]을 선택한 경우를 예시하고 있다. 이를 통해 알 수 있는 바와 같이, 데이터 디스플레이 영역 [D]는 자신의 포맷을 변경하였으며, 커스토마이제이션 세트 [C] 또한 이러한 다른 레이아웃에 적합한 커스토마이제이션으로 스위칭한다.

웹사이트 구축 시스템은 링킹 컴포넌트의 동일한 영역에서의 뷰들 중 몇몇 뷰의 복수의 인스턴스(단일 디쉬 뷰 템플릿의 복수의 인스턴스와 같은)를 디스플레이할 수 있다는 것을 이해할 것이다. 지금 참조되는 도 3에 도시된 바와 같이, 커스토마이제이션은 동일한 뷰의 모든 디스플레이된 카피에 영향을 줄 수 있으며, 이로써 설계자(5)가 (예컨대) "아이템 간격" 커스토마이제이션을 15의 값(도 2에서와 같이)으로부터 123의 현재값(도 3에서와 같이)으로 변경하는 것과 같은 단일 변경(A로 표시된)으로 모든 디스플레이된 아이템(B로 표시된)에 대한 아이템간 간격을 변경할 수 있게 된다. 이 변경은 또한 현재 보이지 않는(스크롤링으로 인해) 것을 포함한 링킹 컴포넌트 내의 "디쉬" 뷰의 모든 인스턴스에 영향을 줄 수 있다.

전술한 바와 같이, 중견 설계자(웹사이트 구축 스테이지 전의)는 각각의 컴포넌트와 연관될 수 있는 커스토마이제이션 레코드를 생성할 수 있다. 각각의 커스토마이제이션 레코드는 단일 컴포넌트의 단일 속성이 자동으로 발생된 구성 다이알로그를 통해 어떻게 구성될 수 있는지를 특정할 수 있다(아래에 보다 상세하게 설명되는 바와 같이). 커스토마이제이션 레코드는 커스토마이제이션 ID와 같은 여분의 레코드 필드, 커스토마이제이션 프롬프트 텍스트(예컨대, "Select background color"), 및 어느 컴포넌트 속성이 커스토마이즈 가능하고 어느 컴포넌트 속성이 커스토마이즈 가능하지 않은 것과 같은 임의의 추가의 정보뿐만 아니라 대상으로 하는 컴포넌트를 위해 커스토마이즈할 수 있는 속성을 지정할 수 있다.

커스토마이제이션 레코드는 또한 커스토마이제이션 값이 어떻게 적용될 수 있는지를 특정할 수 있는 구체적인 구현 수식(specific implementation formula)과 같은 정보를 포함할 수 있으며, 이것은 단지 순수 할당을 사용하지 않고(using not just pure assignment) 속성에 커스토마이제이션 값이 적용되는 경우(예컨대, "속성 X에 입력 값의 80%인 값을 할당")를 허용한다. 이러한 수식은 또한 컴포넌트의 다른 속성의 값뿐만 아니라 기존의 속성값을 참조할 수 있다. 커스토마이제이션 레코드는 또한 속성이 어떠한 조건 하에서 커스토마이즈 가능하거나 커스토마이즈 가능하지 않은지를 특정할 수 있다.

커스토마이제이션 레코드는 또한 디폴트값을 포함할 수도 있다(그리고 전형적으로는 디폴트값을 포함할 것이다)는 것을 이해할 것이다. 이 값은, 커스토마이제이션 다이알로그가 제1 시간 동안 제시되는 때에, 영향을 받은 속성에 할당되어, 속성의 값을 수정할 수 있다. 설계자(5)가 커스토마이제이션을 위해 새로운 값을 입력한 후, 이 값은 커스토마이제이션 레코드가 다시 호출되는 때마다 다시 디스플레이되고 사용되도록(아래에 더욱 상세하게 설명되는 바와 같이) 커스토마이제이션 레코드에 저장된다(영향을 받은 속성에 적용되는 것에 부가하여).

단일 컴포넌트가 하나보다 많은 커스토마이제이션 레코드에 연관될 수 있어서, 동일한 컴포넌트의 상이한 속성의 가능한 커스토마이제이션을 반영할 수 있다는 것을 이해할 것이다. 단일 컴포넌트를 위한 커스토마이제이션 레코드는, 예컨대 속성이 상이한 구현 수식을 사용하여 상이한 방식으로 수정되면, 동일한 속성에 관련된 복수의 레코드를 포함할 수 있다. 동일한 컴포넌트를 위한 상이한 커스토마이제이션 레코드는 전형적으로 고유 커스토마이제이션 ID를 가질 것이지만, 이것은 항상 그러한 것은 아니며, 예컨대 단일 커스토마이제이션 ID가 컴포넌트의 우측 및 좌측 간격을 수정하는 2개의 레코드를 위해 사용될 수도 있다.

다른 실시예에서, 중견 설계자는 더 높은 엔티티 레벨(뷰 레벨, 컨테이너 레벨, 전체 페이지 레벨 또는 웹사이트 레벨과 같은)에서의 커스토마이제이션 레코드를 정의할 수 있다. 이러한 경우, 퍼-컴포넌트 커스토마이제이션 레코드(per-component customization record)는 더 높은 레벨의 커스토마이제이션 레코드를 참조하는 커스토마이제이션 ID만을 포함할 수 있다.

중견 설계자에 의해 생성된 커스토마이제이션 레코드는 특정한 잠재적인 커스토마이즈 가능한 컴포넌트에 영향을 주는 특정한 커스토마이즈 가능한 속성을 정의하기 위해 편집된 페이지에서의 오브젝트에 의해 공급된 어떠한 커스토마이제이션 레코드를 오버라이드(override)할 수 있다는 것을 이해할 것이다. 예컨대, 편집된 페이지는 지금 참조되는 도 4에 예시되어 있는 바와 같이 8개의 상이한 텍스트 컴포넌트(C1...C8)를 포함할 수 있으며, 각각의 컴포넌트는 잠재적인 구성 가능 속성 "백그라운드 컬러"(clr) 및 타입 "컬러 셀렉트"를 갖는다. 중견 설계자는 모두 8개의 잠재적인 구성 가능 속성을 실제의 구성 가능 속성으로서 노출시키도록 결정할 수 있다. 이러한 경우에, 이들은 단일 "백그라운드 컬러를 선택(select background color)" 구성 가능 속성 하에 통합될(united) 수 있다(이들 모두가 아래에 보다 상세하게 설명되는 바와 같이 동일한 커스토마이제이션 ID를 가질 수 있으므로). 따라서, 컴포넌트 다이알로그가 디스플레이되는 때에, 단일의 변경된 설정은 8개 컴포넌트 모두에 적용될 수 있다. 중견 설계자는 또한 컴포넌트 C1 내지 C3을 위한 "백그라운드 컬러 번호 1을 선택(select background color no. 1)" 및 컴포넌트 C4 내지 C6을 위한 "백그라운드 컬러 번호 2를 선택(select background color no. 2)"의 2개의 새로운 실제 구성 가능 속성을 생성하도록 결정할 수 있다. 이를 위해, 중견 설계자는 컴포넌트 C1 내지 C3의 커스토마이제이션 레코드의 "빅-컬러(bg-color)"에 "빅-컬러-1(bg-color-1)"(매칭 프롬프트 텍스트를 갖는)의 대안의(및 신규의) 커스토마이제이션 ID를 할당할 수 있다. 동일한 절차가 "빅-컬러-2(bg-color-2)"의 대안의 커스토마이제이션 ID로 컴포넌트 C4 내지 C6에 대해 수행될 수 있다. 그러므로, 후자의 경우에, 커스토마이즈 가능한 속성으로서 단지 2개의 새로운 대안의 커스토마이제이션 ID가 제시될 수 있고, 하부의 원래의 8개의 커스토마이제이션 ID가 제시되지 않는다.

중견 설계자가 상속(inheritance)을 통해 또는 편집된 페이지에서의 다른 오브젝트에 의해 공급된 임의의 사전 정의되거나 또는 사전 공급된 컴포넌트를 오버라이드할 수 있는 특정 컴포넌트를 위한 새로운 커스토마이제이션 레코드를 생성할 수 있다는 것을 이해할 것이다.

설계자(5)가 선택된 오브젝트의 어느 것도 임의의 커스토마이즈 가능한 속성을 갖지 않는 커스토마이즈할 오브젝트의 세트를 선택할 수 있다는 것을 이해할 것이다. 이러한 경우, 정의된 커스토마이제이션이 없으며, 커스토마이제이션 다이알로그가 발생되지 않을 것이다. 더욱이, 몇몇 오브젝트는 예컨대 시스템이 별도의 (독립형 및 하드-와이어드) 특성 다이알로그에 대한 이들의 업데이트를 제한하면 임의의 커스토마이제이션 레코드에 포함되지 않은 어떠한 커스토마이즈 가능한 속성을 가질 수 있다는 것에 유의하여야 한다. 이러한 경우, 이들 속성(커스토마이제이션 레코드를 갖지 않는)은 자동적으로 생성된 다이알로그에 포함되지 않을 것이며, 여기에서의 논의의 부분이 아니다.

본 발명에 따른 웹사이트 다이알로그의 커스토마이제이션을 자동화하기 위한 시스템(100)을 예시하는 도 5를 참조하여 설명한다. 시스템(100)은 입력 인터프리터(input interpreter)(10), 특성 콜렉터(property collector)(20), 소터 및 프라이어러타이저(sorter and prioritizer)(30), 다이알로그 빌더(dialog builder)(40), 다이알로그 디스플레이어(dialog displayer)(50), 테이터베이스 코디네이터(database coordinator)(60), 데이터베이스(70) 및 속성 어플라이어(attribute applier)(90)를 포함한다. 데이터베이스(70)는 관련 웹사이트 구축 시스템 컴포넌트를 이들의 사전 생성된 커스토마이제이션 레코드와 함께 저장할 수 있다. 입력 인터프리터(10)는 사전 정의된 서브-세트 또는 업데이트될 컴포넌트의 설계자(5) 선택 중의 어느 하나를 처리할 수 있으며, 특성 콜렉터(20)는 데이터베이스 코디네이터(60)를 통해 데이터베이스(70)로부터 관련 컴포넌트를 위한 커스토마이제이션 레코드를 검색할 수 있다. 소터 및 프라이어러타이저(30)는 관련 커스토마이제이션 레코드의 속성을 소팅하고 우선순위화할 수 있으며, 다이알로그 빌더(40)는 설계자의 선택에 기초하여 설계자(5)를 위한 새로운 커스토마이즈된 다이알로그를 구축할 수 있으며, 다이알로그 디스플레이어(50)는 설계자의 입력에 대해 설계자(5)에게 새로 구축된 다이알로그를 제시할 수 있다. 속성 어플라이어(90)는 설계자(5) 입력을 적용할 수 있으며, 그에 따라 데이터베이스(70)에 저장된 컴포넌트를 업데이트할 수 있다. 이들 요소의 기능은 아래에서 더욱 상세하게 설명될 것이다.

업데이트될 컴포넌트의 전술한 선택은 또한 사용자 정의 쿼리(user defined query)에 따라 이루어질 수도 있다는 것을 이해할 것이다.

시스템(100)은 이제 참조되는 도 6에 예시된 바와 같이 클라이언트(200) 또는 서버(300) 중 어느 하나 상의 웹사이트 구축 시스템(250)과 같은 부분으로서 구현될 수 있다는 것을 이해할 것이다.

뷰(300)를 위한 일례의 커스토마이즈된 다이알로그(400)를 예시하는 도 7을 참조하여 설명한다. 중견 설계자는 4개의 컴포넌트(comp1, comp2, comp3, comp4)를 포함하고 있는 설계 단계에서의 View 1을 생성할 수 있다. 중견 설계자는 또한 comp1이 커스토마이즈 가능한 속성 hg1(높이), wdt(폭), 컬러 및 폰트를 노출할 수 있는 것으로 결정할 수 있다. comp2는 커스토마이즈 가능한 속성 hgt, wdt, 텍스트-크기, 폰트 및 프레임 타입을 노출할 수 있다. comp3 및 comp4는 또한 다른 구성 가능 속성을 노출할 수 있다. comp1 및 comp2는 전형적으로 이들의 위치의 좌표와 같은 구성 가능한 것으로 중견 설계자에 의해 노출되지 않는 다른 속성을 가질 수 있다는 것을 이해할 것이다. 각각의 커스토마이즈 가능한 속성은 ID, 프롬프트 텍스트(예컨대, 컬러에 대해서는 "select color"일 것임), 및 우선순위를 가질 수 있다. 이들은 모두 각각의 개별 컴포넌트 및 속성에 대해 사전 특정될 수 있다. 이와 달리, 중견 설계자는 더 높은 엔티티 레벨 커스토마이제이션 레코드(예컨대, 위에서 설명된 바와 같은 뷰 또는 페이지 레벨)에서의 이러한 커스토마이제이션 세부내용을 특정할 수 있으며, 이때 퍼-컴포넌트 커스토마이제이션 레코드만이 더 높은 엔티티 레벨 커스토마이제이션 레코드를 참조한다.

초급 설계자(5)는 View 1을 사용하는(예컨대, 템플릿으로서, 페이지의 일부로서, 또는 소정의 세트의 아이템에 부착함으로써) 웹 페이지를 생성하기를 원할 수 있다. 설계자(5)는 comp1 및 comp2 만을 커스토마이즈할 필요가 있다는 것을 결정할 수 있으며, 그러므로 comp1 및 comp2를 선택하고, 몇몇 형태의 커스토마이제이션 모듈 활성화를 가능하게 하기 위해 현재 다이알로그 상의 커스토마이즈 버튼을 누른다. 설계자(5)에 의해 이루어진 선택은 단일 선택, 복수 선택, 컴포넌트를 교차하기 위한 선택 영역, 또는 하나보다 많은 뷰에서의 복수의 컴포넌트일 수 있다는 것을 이해할 것이다. 다른 실시예에서, 설계자(5)는 개별 컴포넌트를 선택하기 위해 옵션을 갖지 않을 수도 있고, 시스템(100)은 (예컨대) 소정의 디스플레이된 뷰 또는 뷰들에서의 컴포넌트 전부를 사용하여 실행할 수 있으며, 그러므로 완전한 커스토마이제이션 다이알로그를 생성하고, 초급 설계자 선택 및 커스토마이제이션 모듈 활성화의 필요성을 제거한다. 또한, 간혹 시스템(100)은 하부 정보에 대해 관련 변화가 이루어지지 않았다면 사전 생성된 다이알로그를 다시 생성하는데 소요되는 시간을 절약하기 위해 사전 생성된 다이알로그를 캐싱할 수 있다는 것을 이해할 것이다. 이러한 시나리오에서, 커스토마이제이션 다이알로그는 레귤러 웹사이트 구축 시스템 인터페이스와 일체화될 수 있고, 커스토마이제이션이 관련되는 영역을 설계자(5)가 편집할 때마다 자동으로 디스플레이될 수 있다.

이전의 실행이 정확히 동일한 컴포넌트를 이용하여 이루어진 것이라도 시스템(100)의 프로세스가 실행되는 때마다 (전술한 캐싱을 제외하고는) 새로운 커스토마이제이션 다이알로그가 생성된다는 것을 이해할 것이다(아래에 더욱 상세하게 설명되는 바와 같이). 입력 인터프리터(10)는 선택된 컴포넌트의 선택을 수신할 수 있고, 콜렉터(20)에게 comp1 및 comp2 및 모든 이들의 관련된 요소(서브-컴포넌트, 컨테인드 컴포넌트, 또는 관련된 컴포넌트이면)의 반복 스캔(recursive scan)을 수행하도록 지시할 수 있다. 콜렉터(20)는 comp1 및 comp2 및 모든 이들의 관련된 요소에 대한 사전 정의된 커스토마이제이션 레코드 전부를 데이터베이스(70)로부터 수집할 수 있다(코디네이터(60)를 통해). 전술한 바와 같이, 각각의 컴포넌트는 컴포넌트에 연관된 하나보다 많은 커스토마이제이션 레코드를 가질 수 있다.

소터 및 프라이어러타이저(30)는 중복(duplicate)을 제거하기 위해 커스토마이제이션 ID에 의해 레코드를 소팅할 수 있다. 도 7의 예에 대해, 속성 hgt, wdt 및 폰트는 동일한 ID를 가질 것이다. 소터 및 프라이어러타이저(30)는 그리고나서 관련 커스토마이제이션 레코드의 속성의 우선순위를 정할 수 있다. 각각의 ID에 대한 우선순위는 커스토마이즈 가능한 속성으로서의 각각의 ID의 복수의 발생에서 그 ID에 주어진 값에 기초하여 할당될 수 있다. 우선순위는 중견 설계자 또는 시스템 지정에 의해 설정될 수 있다는 것을 이해할 것이다. 또한, 소터 및 프라이어러타이저(30)는 조합 메트릭(combination metric)(최대치 또는 평균값과 같은)을 이용하여 복수의 레코드로부터의 우선순위값을 조합할 수 있으며, 또한 영향을 받게 될 오브젝트에 제공된 우선순위화 힌트(prioritization hint)를 고려할 수도 있다는 것을 이해할 것이다.

다음 다이알로그 빌더(40)는 가장 높은 우선순위 커스토마이제이션을 가장 먼저 디스플레이하는, comp1 및 comp2, 즉 hgt, wdt, 컬러(color), 폰트(font), 텍스트-크기(text-size) 및 프레임 타입(frame type), 에 대한 커스토마이제이션의 통합 리스트(united list)를 갖는 공통 다이알로그(400)를 구축할 수 있다. 각각의 커스토마이제이션은 또한 자신의 프롬프트 텍스트(예컨대, "select color") 및 값 선택 엔트리 박스가 제공될 수 있다.

동일한 ID를 갖는 특정한 특성을 위한 복수의 커스토마이제이션 레코드를 갖는 것이 가능하다는 것을 이해할 것이다. 예컨대, 하나의 레코드는 텍스트 프롬프트 "change width to:"를 제공할 수 있는 한편, 동일한 ID를 갖는 상이한 레코드는 "enter new width:"를 제공할 수 있다. 이러한 경우에, 다이알로그 빌더(40)는 부착된 우선순위, 가장 공통적인 값, 관련된 컴포넌트 특성(예컨대, 가장 큰 전체 면적을 컴포넌트(들)에 연관된 값을 선택하는), 정의의 순서, 또는 임의의 다른 메소드에 기초하여 사용할 우측 값(right value)을 선택할 수 있다. 다이알로그 빌더(40)는 또한 충돌 해소(conflict resolution)가 발견되지 않는다면 이들이 별도의 커스토마이제이션 레코드로서 간주되어야 하는 것으로 결정할 수 있다. 동일한 커스토마이제이션 값이 소정의 컴포넌트의 복수의 속성을 수정할 수 있다면 동일한 단일 ID를 갖는 복수의 커스토마이제이션 레코드 또한 요구될 수 있다는 것을 이해할 것이다. 예컨대, "Enter margin" 커스토마이제이션은 컴포넌트의 우측 및 좌측 마진에 동일한 값을 적용하여야 하며, 이러한 우측 및 좌측 마진은 별도의 속성이다. 다른 실시예에서, 시스템(100)은 복수의 영향을 받은 컴포넌트 속성을 위한 복수의 서브-레코드를 포함하는 커스토마이제이션 레코드를 사용할 수 있다.

다이알로그 빌더(40)는 선형 다이알로그 및 계층 다이알로그(예컨대 계층적 커스토마이제이션 ID 네임스페이스(namespace)를 사용하여, 커스토마이제이션 레코드에 제공된 계층적 분류에 기초한)와 같은 복수의 타입의 다이알로그를 구축할 수 있거나 또는 커스토마이제이션 레코드에 기여하는(contribute) 컴포넌트의 레이아웃에 기초하여 레이아웃을 사용할 수 있다는 것을 이해할 것이다. 이러한 다이알로그 생성은 또한 커스토마이제이션 레코드에 포함된 다이알로그 생성 힌트에 의해 영향을 받게 될 수도 있다.

컴포넌트 레이아웃 기반의 다이알로그 생성은 지금 참조되는 도 8에 추가로 예시되어 있다. 도시된 바와 같이, 페이지 [A]는 컴포넌트 [a], [b], [c] 및 [d]를 포함한다. 컴포넌트 [a] 및 [b]가 다중 선택되고(multi-selected), "커스토마이즈" 함수가 시스템(100)을 통해 호출되는 때에, 페이지 [A]는 컴포넌트 [a] 및 [b]뿐만 아니라 자동으로 발생된 커스토마이제이션 다이알로그 [e]를 보여주는 페이지 [B]로서 디스플레이된다. 다이알로그 [e]는 3개의 부분, 즉 (위로부터), [g] 및 [h]를 포함한다. 새로 생성된 다이알로그 [e]는 컴포넌트 [a] 및 [b]를 가리지 않도록 페이지 [B] 내에 위치된다는 것을 이해할 것이다. 더욱이, [a]가 [b]보다 높으므로, [a] 및 [b]의 커스토마이즈 가능한 속성은, [a]만의 속성이 상단에 있는 [j]로 가고, [b]만의 속성이 하단에 있는 [h]로 가고, [a] 및 [b] 둘 모두에 공통되는 속성이 중간 섹션 [g]로 가도록 디스플레이된다. 2차원 레이아웃에 대해서도 동일하게 적용되어, 커스토마이제이션 요소의 클러스터를 페이지에 위치시키고, 요구되는 때에 공간을 제공하도록 동적 레이아웃을 이용함으로써 커스토마이제이션 다이알로그를 생성할 수 있다.

그 후, 다이알로그 디스플레이어(50)가 값 선택 엔트리 박스를 통해 설계자의 입력을 수신하기 위해 새로 생성된 다이알로그를 설계자(5)에게 제시할 수 있다. 상호작용 동안, 설계자(5)는 가능하게는 속성 변경에 대한 WSIWYG 피드백을 제공하기 위해 구현 수식(implementation formula)을 사용하여 관련 속성의 커스토마이제이션 값을 적용할 수 있다는 것을 이해할 것이다.

속성 어플라이어(attribute applier)(90)는 설계자로부터 관련 입력을 수신할 수 있고, 그에 따라 데이터베이스(70)에 저장된 커스토마이제이션 레코드를 업데이트할 수 있을 뿐만 아니라(입력된 최종 값이 다음 호출 시에 보여질 수 있도록), 구현 수식을 이용하여 관련 컴포넌트 속성 자체를 업데이트한다. 속성 어플라이어(90)는 설계자에 의해 특정된 커스토마이제이션을 다수의 방식으로 적용할 수 있다. 이들 방식은 이하의 것을 포함할 수 있다: (a) 현재 링킹 컴포넌트(예컨대, 도 3에 도시된 동작) 내의 모든 (관련) 뷰에 영향을 주는 것, (b) 전술한 확장 프로세스를 통해 추가된 뷰를 포함한 설계자에 의해 선택된 특정한 뷰 인스턴스에 영향을 주는 것 ― 이것은 특정한 아이템/뷰 조합에만 영향을 주어, 동일한 뷰의 상이한 인스턴스는 상이한 커스토마이제이션을 가질 수 있음, 및 (c) 뷰 인스턴스보다는 뷰 템플릿 정의에 영향을 주는 것 ― 이로써 상기 뷰에 대한 어떠한 변경이 상이한 웹 페이지 내의 뷰의 사용을 포함한 웹사이트 내의 뷰의 추가의 (또는 모든) 인스턴스에 적용될 것임.

페이지가 레귤러 템플릿 및 뷰(링킹 컴포넌트 내부에 디스플레이되는 때의 데이터 아이템에 연관된 템플릿과 같은)를 포함한 다른 페이지에 대한 템플릿으로서 작용할 수 있다는 것을 이해할 것이다. 시스템(100)은 또한 전술한 바와 같이 리스트 컴포넌트와 함께 사용될 수 있다는 것을 이해할 것이다.

또한, 시스템(100)은 스코프 정의 규칙(scope definition rule)에 놓이게 되는 전술한 전체 기능을 수행할 수 있다는 것을 이해할 것이다. 예컨대, 페이지 기반 스코프(page-based scope)는 컴포넌트와 페이지 내의 모든 컴포넌트에 대한 커스토마이제이션 레코드를 통합할 수 있다. 뷰 기반 스코프(view-based scope)는 각각의 뷰의 레벨에서의 통합을 수행할 수 있으며(위에서 정의된 바와 같이), 이로써 상이한 뷰에서의 동일한 ID를 갖는 커스토마이제이션은 상이한 커스토마이제이션으로 간주될 수 있다. 이것의 예는 커스토마이제이션이 도 2에 예시된 바와 같은 섹션 뷰 및 디쉬 뷰에서의 컴포넌트에 대한 ID "space-below"를 갖는 경우일 것이다. 2개의 상이한 "space-below" 커스토마이제이션이 커스토마이제이션 다이알로그에서 생성될 수 있다. 시스템(100)은 또한 다른 스코프 정의 규칙을 제공할 수도 있다.

따라서, 중견 설계자 또는 웹사이트 구축 시스템 제조자는 더 많은 초급 설계자 사용자에게 자신의 웹사이트의 효율적인 구축을 도와주는 우호적인 다이알로그를 제공할 수 있다.

본 명세서에서 제공되는 프로세스 및 디스플레이는 본질적으로 임의의 특정 컴퓨터 또는 다른 장치에 관련되지 않는다. 다양한 범용 시스템이 본 명세서의 교시 내용에 따른 프로그램과 함께 사용될 수도 있고, 또는 원하는 방법을 수행하기 위하여 더 전문화된 장치를 구축하는 것이 편리하다는 것을 입증할 수도 있다. 이러한 다양한 시스템을 위해 요구되는 구조가 위의 설명으로부터 명백해질 것이다. 또한, 본 발명의 실시예는 임의의 특정 프로그래밍 언어를 참조하여 설명되어 있지 않다. 다양한 프로그래밍 언어가 본 명세서에서 설명된 바와 같은 본 발명의 교시를 구현하기 위하여 사용될 수도 있다는 것을 이해할 것이다.

구체적으로 그렇지 않은 것으로 언급되지 않으면, 앞선 논의로부터 명백한 것과 같이, 명세서 전체에 걸쳐서, "처리", "컴퓨팅", "계산", "결정" 등과 같은 용어를 사용한 논의는, 컴퓨팅 시스템의 레지스터 및/또는 메모리 내에서 물리적, 예컨대 전자적, 양으로서 표현되는 데이터를 컴퓨팅 시스템의 메모리, 레지스터 또는 기타 이러한 정보 저장, 송신 또는 디스플레이 디바이스 내의 물리량으로서 이와 유사하게 표현되는 다른 데이터로 조작 및/또는 변환하는 컴퓨터, 컴퓨팅 시스템, 또는 유사한 전자 컴퓨팅 디바이스의 동작 및/또는 프로세스를 지칭한다는 것을 이해할 것이다.

본 발명의 실시예는 본 명세서의 동작들을 수행하기 위한 장치를 포함할 수도 있다. 이러한 장치는 원하는 목적을 위하여 특별하게 구성될 수도 있고, 또는 컴퓨터 내에 저장된 컴퓨터 프로그램에 의하여 선택적으로 활성화되거나 재구성되는 범용 컴퓨터를 포함할 수도 있다. 이러한 컴퓨터 프로그램은, 이러한 것으로 한정되는 것은 아니지만, 플로피 디스크, 광디스크, 자기-광학 디스크를 포함한 임의의 타입의 디스크, 판독-전용 메모리(ROMs), 콤팩트 디스크 판독-전용 메모리(CD-ROMs), 랜덤 액세스 메모리(RAMs), 전기적으로 프로그래밍가능한 판독-전용 메모리(EPROMs), 전기적으로 소거가능하고 프로그래밍가능한 판독 전용 메모리(EEPROMs), 자기 또는 광학 카드, 플래시 메모리, 또는 전자적 명령을 저장하기에 적합하고 컴퓨터 시스템 버스에 연결될 수 있는 임의의 다른 타입의 미디어와 같은 컴퓨터 판독가능 저장 매체에 저장될 수도 있다.

본 발명의 특징들이 본 명세서에서 예시되고 설명되었지만, 많은 변경, 치환, 수정, 및 균등물이 당업자에 의해 이루어질 것이다. 그러므로, 첨부된 청구항은 이러한 변경 및 변화를 본 발명의 진정한 사상 내에 속하는 것으로서 포함하고 있다는 것으로 이해하여야 한다.

Claims

웹사이트 구축 시스템 서버를 위한 시스템으로서,
상기 서버는 적어도 하나의 프로세서 및 메모리를 포함하며,
상기 시스템은,
상기 시스템에 의해 편집될 편집 가능한 시각적 페이지 내에, 둘 이상의, 사용자에 의해 선택된, 현재 디스플레이된 오브젝트를 수신하는 입력 인터프리터(input interpreter) ― 선택에서 선택된 오브젝트들 중 적어도 하나가 사전 정의된 커스토마이즈 가능한 속성들 및 커스토마이즈 가능하지 않은 속성들을 가지고, 각각의 커스토마이즈 가능한 속성은 적어도 하나의 커스토마이제이션 ID를 포함하는 적어도 하나의 커스토마이제이션 레코드를 포함함 ―;
상기 커스토마이제이션 ID에 따라 둘 이상의 선택된 오브젝트의 상기 커스토마이즈 가능한 속성을 소팅하는 소터(sorter);
상기 커스토마이제이션 레코드를 공통의 커스토마이제이션 ID에 따라 리스트의 세트로 통합함으로써(uniting) 상기 선택된 오브젝트에 특정된 커스토마이제이션 사용자 인터페이스를 구축하고 상기 리스트에 따라 다이알로그 요소를 생성하기 위한 다이알로그 빌더(dialog builder) ― 각각의 리스트가 공통의 커스토마이제이션 ID를 공유하는 커스토마이제이션 레코드를 가진 속성을 포함함 ―; 및
상기 선택된 오브젝트의 커스토마이즈 가능한 속성에 기초하여 상기 사용자 인터페이스를 디스플레이하는 디스플레이어(displayer)
를 포함하는, 시스템.
제1항에 있어서,
상기 사용자 인터페이스에 따라 입력을 수신하고, 상기 입력에 따라 상기 커스토마이즈 가능한 속성을 업데이트하는 업데이터(updater)
를 더 포함하는, 시스템.
제2항에 있어서,
상기 업데이터는 상기 커스토마이즈 가능한 속성에 대해 사전 정의된 수식을 사용하여 업데이트하는, 시스템.
제2항에 있어서,
상기 업데이터는 상기 속성이 WYSIWYG(what you see is what you get) 이펙트를 제공하도록 수정되는 때에 지속적으로 업데이트하는, 시스템.
제2항에 있어서,
상기 업데이터는 상기 속성이 상이한 상기 커스토마이즈 가능한 속성값을 갖는 오브젝트의 2개의 버전들 간의 애니메이션(animation)을 제공하도록 수정되는 때에 점진적으로(gradually) 업데이트하는, 시스템.
제2항에 있어서,
상기 업데이터는 링킹 컴포넌트, 사용자에 의해 선택된 특정한 뷰 인스턴스, 및 뷰 템플릿 정의(view template definition) 중 적어도 하나 내의 뷰를 업데이트하는, 시스템.
제1항에 있어서,
상기 오브젝트는 아토믹 컴포넌트(atomic component), 컨테이너 컴포넌트(container component), 링킹 컴포넌트(linking component), 제3자 컴포넌트(third party component), 템플릿(template), 뷰(view), 및 적어도 2개의 오브젝트 간의 관계를 표현하는 관계 오브젝트(relationship object) 중의 적어도 하나인, 시스템.
제1항에 있어서,
상기 선택은 사전 정의된 선택, 사용자 선택(user selected), 및 선택의 확장(expansion of a selection) 중의 적어도 하나인, 시스템.
제8항에 있어서,
상기 확장은 컨테인드 오브젝트(contained object)를 포함하도록 확장된 선택, 관련된 오브젝트를 포함하도록 확장된 선택, 및 상속된 오브젝트(inherited object)를 포함하도록 확장된 선택 중의 적어도 하나인, 시스템.
제8항에 있어서,
상기 선택은 적어도 하나의 오브젝트의 직접 선택, 상기 사용자에 의해 선택된 페이지 영역과의 인터섹션(intersection) 또는 인클루션(inclusion)에 따른 선택, 및 사용자 정의된 쿼리(user defined query)에 따른 선택 중의 적어도 하나인, 시스템.
제1항에 있어서,
상기 시스템은 단일 페이지 상의 오브젝트의 복수의 인스턴스의 디스플레이를 지원하며, 상기 선택은 상기 복수의 디스플레이된 오브젝트 인스턴스의 서브세트를 포함하는, 시스템.
제1항에 있어서,
상기 소터는 복수의 구성 가능 속성 엔트리를 상기 엔트리의 공통 특성(common property)에 따라 병합(merge)하는, 시스템.
제1항에 있어서,
상기 소터는 속성을 계층적(hierarchical) 커스토마이제이션 ID 구조에 따라 소팅하는, 시스템.
제1항에 있어서,
상기 소터는 속성을 영향을 받게 될 오브젝트에 제공된 힌트(hint)에 따라 배열하는, 시스템.
제1항에 있어서,
상기 소터는 사전 정의된 조건에 따라 소팅하는, 시스템.
제1항에 있어서,
상기 사용자 인터페이스는 선형인 것, 계층적인 것, 및 2차원인 것 중의 적어도 하나인, 시스템.
제1항에 있어서,
상기 시스템은, 웹사이트 구축 시스템(website building system), 웹 페이지 구축 시스템(web page construction system), 온라인 어플리케이션 구축 툴, 오프라인 어플리케이션 구축 툴, 및 모바일 어플리케이션 구축 툴 중의 하나인, 시스템.
제1항에 있어서,
상기 커스토마이제이션 레코드는 프롬프트 및 우선순위 중 적어도 하나를 포함하는, 시스템.
제18항에 있어서,
상기 소터는 속성을 상기 우선순위에 따라 소팅하는, 시스템.
제18항에 있어서,
상기 소터는 속성을 상기 적어도 하나의 연관된 커스토마이즈된 레코드에 기초한 우선순위에 따라 소팅하는, 시스템.
제20항에 있어서,
상기 적어도 하나의 연관된 커스토마이즈된 레코드를 상기 우선순위, 공통 값, 및 관련된 오브젝트 특성 중의 적어도 하나에 기초하여 통합하는 단계를 더 포함하는, 시스템.
제18항에 있어서,
상기 사용자 인터페이스는 커스토마이제이션 우선순위 파라미터, 커스토마이제이션 계층 파라미터, 페이지 상의 구성된 오브젝트 컴포넌트의 위치, 및 영향을 받게 될 오브젝트에 제공된 다이알로그 레이아웃 힌트 중의 적어도 하나에 따라 레이아웃되는, 시스템.
컴퓨터화된 방법(computerized method)에 있어서,
웹사이트 구축 시스템에서 편집될 편집 가능한 시각적 페이지 내에, 둘 이상의, 사용자에 의해 선택된, 현재 디스플레이된 오브젝트를 수신하는 단계 ― 선택에서 선택된 오브젝트들 중 적어도 하나가 사전 정의된 커스토마이즈 가능한 속성들 및 커스토마이즈 가능하지 않은 속성들을 가지고, 각각의 커스토마이즈 가능한 속성은 적어도 하나의 커스토마이제이션 ID를 포함하는 적어도 하나의 커스토마이제이션 레코드를 포함함 ―;
상기 커스토마이제이션 ID에 따라 둘 이상의 선택된 오브젝트의 상기 커스토마이즈 가능한 속성을 소팅하는 단계;
상기 커스토마이제이션 레코드를 공통의 커스토마이제이션 ID에 따라 리스트의 세트로 통합함으로써 상기 선택된 오브젝트에 특정된 커스토마이제이션 사용자 인터페이스를 구축하고 상기 리스트에 따라 다이알로그 요소를 생성하는 단계 ― 각각의 리스트가 공통의 커스토마이제이션 ID를 공유하는 커스토마이제이션 레코드를 가진 속성을 포함함 ―; 및
상기 선택된 오브젝트의 커스토마이즈 가능한 속성에 기초하여 상기 사용자 인터페이스를 디스플레이하는 단계
를 포함하는 컴퓨터화된 방법.
제23항에 있어서,
상기 사용자 인터페이스에 따라 입력을 수신하고, 상기 입력에 따라 상기 커스토마이즈 가능한 속성을 업데이트하는 단계
를 더 포함하는 컴퓨터화된 방법.
제24항에 있어서,
상기 업데이트하는 단계는 상기 커스토마이즈 가능한 속성에 대해 사전 정의된 수식을 사용하는, 컴퓨터화된 방법.
제24항에 있어서,
상기 업데이트하는 단계는 상기 속성이 WYSIWYG(what you see is what you get) 이펙트를 제공하도록 수정되는 때에 지속적으로 이루어지는, 컴퓨터화된 방법.
제24항에 있어서,
상기 업데이트하는 단계는 상기 속성이 상이한 상기 커스토마이즈 가능한 속성값을 갖는 컴포넌트의 2개의 버전들 간의 애니메이션을 제공하도록 수정되는 때에 점진적으로 이루어지는, 컴퓨터화된 방법.
제24항에 있어서,
상기 업데이트하는 단계는 링킹 컴포넌트, 사용자에 의해 선택된 특정한 뷰 인스턴스, 및 뷰 템플릿 정의 중 적어도 하나 내의 뷰를 바꾸는 단계를 포함하는, 컴퓨터화된 방법.
제23항에 있어서,
상기 오브젝트는 아토믹 컴포넌트, 컨테이너 컴포넌트, 제3자 컴포넌트, 템플릿, 뷰, 및 적어도 2개의 오브젝트 간의 관계를 표현하는 관계 오브젝트 중의 적어도 하나인, 컴퓨터화된 방법.
제23항에 있어서,
상기 선택은 사전 정의된 선택, 사용자 선택, 및 선택의 확장 중의 적어도 하나인, 컴퓨터화된 방법.
제30항에 있어서,
상기 확장은 컨테인드 오브젝트를 포함하도록 확장된 선택, 관련된 오브젝트를 포함하도록 확장된 선택, 및 상속된 오브젝트를 포함하도록 확장된 선택 중의 적어도 하나인, 컴퓨터화된 방법.
제30항에 있어서,
상기 선택은 적어도 하나의 오브젝트의 직접 선택, 상기 사용자에 의해 선택된 페이지 영역과의 인터섹션 또는 인클루션에 따른 선택, 및 사용자 정의된 쿼리에 따른 선택 중의 적어도 하나인, 컴퓨터화된 방법.
제23항에 있어서,
상기 방법은 단일 페이지 상의 오브젝트의 복수의 인스턴스를 디스플레이하는 단계를 더 포함하며, 상기 선택은 상기 복수의 디스플레이된 오브젝트 인스턴스의 서브세트를 포함하는, 컴퓨터화된 방법.
제23항에 있어서,
상기 소팅하는 단계는, 복수의 구성 가능 속성 엔트리를 상기 엔트리의 공통 특성에 따라 병합하는 단계를 포함하는, 컴퓨터화된 방법.
제23항에 있어서,
상기 소팅하는 단계는 계층적 커스토마이제이션 ID 구조에 따라 이루어지는, 컴퓨터화된 방법.
제23항에 있어서,
상기 소팅하는 단계는 영향을 받게 될 오브젝트에 제공된 힌트에 따라 이루어지는, 컴퓨터화된 방법.
제23항에 있어서,
상기 소팅하는 단계는 사전 정의된 조건에 따라 이루어지는, 컴퓨터화된 방법.
제23항에 있어서,
상기 사용자 인터페이스는 선형인 것, 계층적인 것, 및 2차원인 것 중의 적어도 하나인, 컴퓨터화된 방법.
제23항에 있어서,
상기 사용자 인터페이스를 커스토마이제이션 우선순위 파라미터, 커스토마이제이션 계층 파라미터, 상기 페이지 상의 구성된 오브젝트의 위치, 및 영향을 받게 될 오브젝트에 제공된 다이알로그 레이아웃 힌트 중의 적어도 하나에 따라 레이아웃하는 단계를 더 포함하는, 컴퓨터화된 방법.
제23항에 있어서,
상기 커스토마이제이션 레코드는 프롬프트 및 우선순위 중 적어도 하나를 포함하는, 컴퓨터화된 방법.
제40항에 있어서,
상기 소팅하는 단계는, 상기 우선순위에 따라 이루어지는, 컴퓨터화된 방법.
제40항에 있어서,
상기 소팅하는 단계는, 상기 적어도 하나의 연관된 커스토마이즈된 레코드에 기초한 우선순위에 따라 이루어지는, 컴퓨터화된 방법.
제42항에 있어서,
충돌하는 적어도 하나의 연관된 커스토마이즈된 레코드를 상기 우선순위, 공통 값, 및 관련된 오브젝트 특성 중의 적어도 하나에 기초하여 통합하는 단계를 더 포함하는, 컴퓨터화된 방법.