KR101730070B1 - SaaS 환경에서의 웹페이지 서비스 방법, 이를 위한 컴퓨터 프로그램, 그 기록매체 - Google Patents
SaaS 환경에서의 웹페이지 서비스 방법, 이를 위한 컴퓨터 프로그램, 그 기록매체 Download PDFInfo
- Publication number
- KR101730070B1 KR101730070B1 KR1020150023548A KR20150023548A KR101730070B1 KR 101730070 B1 KR101730070 B1 KR 101730070B1 KR 1020150023548 A KR1020150023548 A KR 1020150023548A KR 20150023548 A KR20150023548 A KR 20150023548A KR 101730070 B1 KR101730070 B1 KR 101730070B1
- Authority
- KR
- South Korea
- Prior art keywords
- file
- web page
- page
- widget
- template
- Prior art date
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F17/00—Digital computing or data processing equipment or methods, specially adapted for specific functions
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F15/00—Digital computers in general; Data processing equipment in general
- G06F15/16—Combinations of two or more digital computers each having at least an arithmetic unit, a program unit and a register, e.g. for a simultaneous processing of several programs
-
- G06F17/248—
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Computer Hardware Design (AREA)
- Software Systems (AREA)
- Human Computer Interaction (AREA)
- Data Mining & Analysis (AREA)
- Databases & Information Systems (AREA)
- Mathematical Physics (AREA)
- Information Transfer Between Computers (AREA)
Abstract
본 발명은 SaaS 환경에서의 웹페이지 서비스 방법, 이를 위한 컴퓨터 프로그램, 그 기록매체에 관한 것이다.
본 발명의 일측면에 따르면, 네트워크를 통해 웹페이지 서버에서 클라이언트로 웹페이지 생성에 필요한 생성 수단과 웹페이지 제공에 필요한 랜더링 수단을 제공하는 방법으로서, 웹페이지 생성을 위한 논리적 요소로서 페이지 및 마스터, 위젯, 컴포넌트, 엘리먼트, 핸들러, 인터랙션을 포함하며, 웹페이지 생성을 위한 물리적 요소로서 메타정보 파일 및 템플릿 파일, 단위 뷰 파일, 정적 뷰 파일을 포함하도록 웹페이지 요소를 관리하되, 웹페이지 요소 생성 시에는, 클라이언트로부터 입력된 요청 정보에 근거하여 웹페이지 서버에 구비된 에디터가 페이지 또는 마스터, 위젯 템플릿 파일을 생성하고, 웹페이지 서버에 구비된 파서가 상기 페이지 또는 마스터, 위젯 템플릿 파일에 대한 구문 분석을 하여 분석 결과에 따라 기 저장된 상기 단위 뷰 파일 중 적어도 하나 이상을 구성 요소로 하여 페이지 또는 마스터, 위젯 정적 뷰 파일을 생성하며, 웹페이지 랜더링 시에는, 클라이언트로부터 요청된 웹페이지 정보에 근거하여 웹페이지 서버가 요청된 웹페이지에 해당하는 페이지 또는 마스터, 위젯 정적 뷰 파일을 랜더링하여 웹페이지를 제공하도록 구성된 SaaS 환경에서의 웹페이지 서비스 방법이 개시된다.
본 발명의 일측면에 따르면, 네트워크를 통해 웹페이지 서버에서 클라이언트로 웹페이지 생성에 필요한 생성 수단과 웹페이지 제공에 필요한 랜더링 수단을 제공하는 방법으로서, 웹페이지 생성을 위한 논리적 요소로서 페이지 및 마스터, 위젯, 컴포넌트, 엘리먼트, 핸들러, 인터랙션을 포함하며, 웹페이지 생성을 위한 물리적 요소로서 메타정보 파일 및 템플릿 파일, 단위 뷰 파일, 정적 뷰 파일을 포함하도록 웹페이지 요소를 관리하되, 웹페이지 요소 생성 시에는, 클라이언트로부터 입력된 요청 정보에 근거하여 웹페이지 서버에 구비된 에디터가 페이지 또는 마스터, 위젯 템플릿 파일을 생성하고, 웹페이지 서버에 구비된 파서가 상기 페이지 또는 마스터, 위젯 템플릿 파일에 대한 구문 분석을 하여 분석 결과에 따라 기 저장된 상기 단위 뷰 파일 중 적어도 하나 이상을 구성 요소로 하여 페이지 또는 마스터, 위젯 정적 뷰 파일을 생성하며, 웹페이지 랜더링 시에는, 클라이언트로부터 요청된 웹페이지 정보에 근거하여 웹페이지 서버가 요청된 웹페이지에 해당하는 페이지 또는 마스터, 위젯 정적 뷰 파일을 랜더링하여 웹페이지를 제공하도록 구성된 SaaS 환경에서의 웹페이지 서비스 방법이 개시된다.
Description
본 발명은 SaaS 환경에서의 웹페이지 서비스 방법, 이를 위한 컴퓨터 프로그램, 그 기록매체에 관한 것으로, 더욱 상세하게는 웹페이지 생성에 필요한 생성 수단과 웹페이지 제공에 필요한 랜더링 수단을 SaaS 환경으로 제공하며, 다양한 디바이스 환경에서 대응하여 유연한 웹페이지를 구현 가능하도록 구성된 SaaS 환경에서의 웹페이지 서비스 방법, 이를 위한 컴퓨터 프로그램, 그 기록매체에 관한 것이다.
최근 컴퓨터 산업과 통신산업의 발전과 인터넷 전용회선의 보급으로 인하여 기업이나 개인의 홈페이지 숫자가 기하급수적으로 증가되고 있다. 홈페이지란 HTML(Hyper Text Markup Language)로 제작된 파일로서 서버에 저장되어 있다가 웹을 통해 접근한 브라우저를 통해 표시되는 화상 미디어를 총칭하는 것이다. 하나의 홈페이지는 일반적으로 하나 이상의 페이지를 포함하여 사용자 조작 또는 서버의 명령에 의해 페이지 변환이 가능하도록 구성되며, 이렇게 변환을 이루도록 구성된 각각의 페이지를 일반적으로 웹페이지라고 한다.
통상의 홈페이지는 크게 페이지 이름, 메뉴, 그래픽이나 플래시 등으로 이루어진 디자인 파트와 회원 로그인, 게시판, 상품검색, 장바구니 등의 각종 기능을 구현하기 위한 프로그램 파트로 이루어지며, 홈페이지에 프로그램을 붙이기 위해서는 디자이너가 디자인 코딩을 해서 프로그래머에게 전달하면 프로그래머가 해당 디자인 코딩에 프로그램 작업을 해서 홈페이지를 제작하여야 한다.
이에 따라 홈페이지 제작과 관련된 웹 디자이너나 웹 프로그래머 등과 같은 전문 인력에게 지급되는 비용(급여)이 상당한 부분을 차지하고 있다. 또한 웹 디자이너나 웹 프로그래머 등과 같은 전문 인력들의 잦은 이동으로 인해 대행업체의 영업과 이윤창출에 큰 차질을 빚고 있는 실정이다. 이는 대행업체에 홈페이지 제작을 의뢰한 이용자에게도 큰 부담이 된다.
따라서, 종래에는 사용자 스스로 간단하게 홈페이지를 제작할 수 있도록 하기 위해, Hihome, Freechal, Me2u2, Daum, Naver 등과 같은 포탈 서비스업체에서 홈페이지 제작/관리를 위한 홈페이지 제작/관리 마법사 기능을 제공하고 있다.
그럼에도 불구하고 사용자는 홈페이지 제작 및 관리를 위한 각종 콘텐츠나 이미지, 콘텐츠 등을 직접 준비하고, 사용자가 직접 혹은 웹호스팅업체를 통해 관리해야 하므로 홈페이지 제작에 긴 시간이 소요되고 제작비용도 높아질 뿐만 아니라 웹호스팅업체의 계정에 많은 정보를 저장 관리해야 하므로 추가적인 비용도 소요되는 문제점이 있다.
이와 같이, 홈페이지는 홈페이지 제작에 대한 전문 지식이나 경험이 없는 통상의 인터넷 사용자들이 제작하기는 용이하지 않기 때문에, 홈페이지 제작을 전문으로 하는 업체에 의뢰하여 제작하고 있다.
이때, 홈페이지의 제작비용은 홈페이지의 구성요소에 따라 결정되는데, 기본적인 구축작업에 필요한 인력, 시간, 콘텐츠 사용료 등으로 소요되는 비용이 적지 않으며, 간단한 IR사이트라도 업체 선정, 진행 단계별 소통, 검토, 테스팅에 절차적인 시간이 소요되고 있다.
이러한 많은 비용과 시간을 소요하므로 개인 사업체 또는 영세한 사업장에서는 홈페이지를 개설하고 싶어도 이와 같은 이유로 인하여 부담이 되는 경우가 있으며, 홈페이지를 개설한 후에도 인터넷 사용자들이 홈페이지에 방문했을 때, 제공하는 컨텐츠의 등록과 지속적인 업데이트를 진행하기에 어려운 문제점이 있다.
한편, 상기와 같은 문제점을 감안하여, SaaS 환경에서의 홈페이지 제공 서비스가 일부 시도된 바 있으나, 데스크탑 환경과 모바일 환경을 유기적으로 연결하여 홈페이지를 제공할 수 있는 정도로 수준 높은 서비스를 제공하는데에는 여전히 한계가 있었다.
본 발명은 상기와 같은 문제점을 감안하여 안출한 것으로서, 더욱 상세하게는 웹페이지 생성에 필요한 생성 수단과 웹페이지 제공에 필요한 랜더링 수단을 SaaS 환경으로 제공하며, 다양한 디바이스 환경에서 대응하여 유연한 웹페이지를 구현 가능하도록 구성된 SaaS 환경에서의 웹페이지 서비스 방법, 이를 위한 컴퓨터 프로그램, 그 기록매체를 제공하는 것을 그 목적으로 한다.
상술한 본 발명의 목적을 달성하기 위한 본 발명의 일측면에 따르면, 네트워크를 통해 웹페이지 서버에서 클라이언트로 웹페이지 생성에 필요한 생성 수단과 웹페이지 제공에 필요한 랜더링 수단을 제공하는 방법으로서, 웹페이지 생성을 위한 논리적 요소로서 페이지 및 마스터, 위젯, 컴포넌트, 엘리먼트, 핸들러, 인터랙션을 포함하며, 웹페이지 생성을 위한 물리적 요소로서 메타정보 파일 및 템플릿 파일, 단위 뷰 파일, 정적 뷰 파일을 포함하도록 웹페이지 요소를 관리하되, 웹페이지 요소 생성 시에는, 클라이언트로부터 입력된 요청 정보에 근거하여 웹페이지 서버에 구비된 에디터가 페이지 또는 마스터, 위젯 템플릿 파일을 생성하고, 웹페이지 서버에 구비된 파서가 상기 페이지 또는 마스터, 위젯 템플릿 파일에 대한 구문 분석을 하여 분석 결과에 따라 기 저장된 상기 단위 뷰 파일 중 적어도 하나 이상을 구성 요소로 하여 페이지 또는 마스터, 위젯 정적 뷰 파일을 생성하며, 웹페이지 랜더링 시에는, 클라이언트로부터 요청된 웹페이지 정보에 근거하여 웹페이지 서버가 요청된 웹페이지에 해당하는 페이지 또는 마스터, 위젯 정적 뷰 파일을 랜더링하여 웹페이지를 제공하도록 구성된 SaaS 환경에서의 웹페이지 서비스 방법이 개시된다.
바람직하게, 상기 페이지 및 마스터는 상기 템플릿 파일 또는 정적 뷰 파일의 형태로 관리하고, 상기 위젯은 상기 템플릿 파일 또는 정적 뷰 파일, 단위 뷰 파일의 형태로 관리하며, 상기 컴포넌트, 엘리먼트, 핸들러, 인터랙션은 상기 메타정보 파일 또는 단위 뷰 파일의 형태로 관리하도록 구성된 것을 특징으로 한다.
바람직하게, 상기 페이지 또는 마스터, 위젯은, 상기 컴포넌트, 엘리먼트, 핸들러, 인터랙션 중 적어도 어느 하나 이상의 요소를 포함하여 구성되는 것을 특징으로 한다.
바람직하게, 상기 위젯은 상기 페이지를 구성하는 기능 요소이며, 상기 컴포넌트는 상기 페이지 또는 위젯을 구성하는 UI(user interface) 요소이며, 상기 엘리먼트는 HTML(Hypertext Markup Language) 요소를 표현하는 요소인 것을 특징으로 한다.
바람직하게, 상기 핸들러는 상기 웹페이지 서버에서 데이터 또는 로직을 처리하는 요소인 것을 특징으로 한다.
바람직하게, 상기 인터랙션은 상기 페이지 또는 위젯에서 화면흐름 처리 액션을 정의하는 요소인 것을 특징으로 한다.
바람직하게, 상기 템플릿 파일은 상기 정적 뷰 파일을 만들기 위한 중간단계 파일이며, 상기 단위 뷰 파일은 상기 컴포넌트 또는 엘리먼트의 뷰 파일이거나 상기 인터랙션을 구성하는 JS(JavaScript) 파일이며, 상기 정적 뷰 파일은 상기 템플릿 파일이 파서를 통해 변환된 파일로서 페이지 랜더링시 출력되는 파일인 것을 특징으로 한다.
바람직하게, 상기 메타정보 파일은 웹페이지 구성 요소의 기본 정보를 정의하는 파일인 것을 특징으로 한다.
바람직하게, 상기 메타정보 파일 및 템플릿 파일은 XML 파일형식으로 관리하며, 상기 단위 뷰 파일 및 정적 뷰 파일은 VM/CSS/JS(Velocity Template/Cascading Style Sheet/JavaScript) 중의 어느 하나의 파일형식으로 관리하는 것을 특징으로 한다.
바람직하게, 상기 파서는, 파서의 처리 방식을 정의한 설정파일과, 상기 설정파일에 따른 파일변환 처리를 하는 파일변환 프로그램 요소와, 파일변환 작업시 변수값을 처리하는 변수처리 프로그램 요소를 포함하며, 상기 파일변환 프로그램이 상기 설정파일을 독출하고, 상기 변수처리 프로그램을 호출하고 변수처리 결과값을 리턴받는 변환 과정을 거쳐, 상기 페이지 또는 마스터, 위젯 템플릿 파일을 각각의 템플릿 파일에 대응하는 페이지 또는 마스터, 위젯 정적 뷰 파일로 변환 처리하는 것을 특징으로 한다.
바람직하게, 페이지 또는 마스터 템플릿 파일에 대한 상기 변환 과정은, 변환 요청된 템플릿 파일을 파싱하고 상기 설정파일을 파싱하며, 위젯 템플릿 파일 및 컴포넌트 파일, 엘리먼트 파일 중 변환 요청된 상기 템플릿 파일에 정의된 파일을 독출하고, 설정파일로부터 독출한 설정값을 조합하여 중간단계 템플릿 데이터를 생성하며, 상기 중간단계 템플릿 데이터로부터 변수 처리대상을 추출하고 상기 변수처리 프로그램을 호출하고 변수처리 결과값을 리턴받아 정적 뷰 파일 데이터를 생성하는 과정을 거쳐 상기 정적 뷰 파일을 생성하는 것을 특징으로 한다.
본 발명의 또다른 일측면에 따르면, 하드웨어와 결합되어 상기 SaaS 환경에서의 웹페이지 서비스 방법을 실행시키기 위하여 매체에 저장된 컴퓨터 프로그램이 개시된다.
본 발명의 또다른 일측면에 따르면, 상기 SaaS 환경에서의 웹페이지 서비스 방법을 컴퓨터에서 실행하기 위한 컴퓨터 프로그램이 기록된, 컴퓨터로 판독 가능한 기록 매체가 개시된다.
이와 같은 본 발명은, 웹페이지 생성에 필요한 생성 수단과 웹페이지 제공에 필요한 랜더링 수단을 SaaS 환경으로 제공하며, 다양한 디바이스 환경에서 대응하여 유연한 웹페이지를 구현 가능하도록 한다는 장점을 제공한다.
도 1은 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법을 제공하기 위한 시스템 구성도,
도 2는 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 페이지 생성 과정을 나타낸 도면,
도 3은 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 페이지 편집 과정을 나타낸 도면,
도 4는 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 위젯 생성 과정을 나타낸 도면,
도 5는 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 위젯 편집 과정을 나타낸 도면,
도 6은 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 웹페이지의 논리적 구조를 나타낸 도면,
도 7은 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 웹페이지의 논리적 구조의 각 요소의 개념을 나타낸 도면,
도 8은 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 웹페이지의 논리적 구조의 각 요소의 유형을 예시한 도면,
도 9는 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 웹페이지의 물리적 구조(파일 구조)를 나타낸 도면,
도 10은 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 웹페이지의 물리적 구조의 각 요소의 개념과 파일 형식을 나타낸 도면,
도 11은 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 웹페이지의 논리적 구조의 각 요소와 물리적 구조의 각 요소간의 상호 관계를 나타낸 도면,
도 12는 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 웹페이지의 논리적 구조의 각 요소와 물리적 구조의 각 요소간의 상호 관계 및 그 파일 형식을 함께 나타낸 도면,
도 13은 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 정적 뷰(view) 파일 생성 과정을 나타낸 도면,
도 14는 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 정적 뷰(view) 파일 생성을 위한 파서의 처리 과정을 나타낸 도면,
도 15는 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 정적 뷰(view) 파일 생성을 위한 파서의 처리 과정을 더욱 상세하게 나타낸 도면,
도 16은 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 페이지 랜더링 제공 과정을 나타낸 도면.
도 2는 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 페이지 생성 과정을 나타낸 도면,
도 3은 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 페이지 편집 과정을 나타낸 도면,
도 4는 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 위젯 생성 과정을 나타낸 도면,
도 5는 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 위젯 편집 과정을 나타낸 도면,
도 6은 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 웹페이지의 논리적 구조를 나타낸 도면,
도 7은 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 웹페이지의 논리적 구조의 각 요소의 개념을 나타낸 도면,
도 8은 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 웹페이지의 논리적 구조의 각 요소의 유형을 예시한 도면,
도 9는 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 웹페이지의 물리적 구조(파일 구조)를 나타낸 도면,
도 10은 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 웹페이지의 물리적 구조의 각 요소의 개념과 파일 형식을 나타낸 도면,
도 11은 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 웹페이지의 논리적 구조의 각 요소와 물리적 구조의 각 요소간의 상호 관계를 나타낸 도면,
도 12는 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 웹페이지의 논리적 구조의 각 요소와 물리적 구조의 각 요소간의 상호 관계 및 그 파일 형식을 함께 나타낸 도면,
도 13은 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 정적 뷰(view) 파일 생성 과정을 나타낸 도면,
도 14는 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 정적 뷰(view) 파일 생성을 위한 파서의 처리 과정을 나타낸 도면,
도 15는 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 정적 뷰(view) 파일 생성을 위한 파서의 처리 과정을 더욱 상세하게 나타낸 도면,
도 16은 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 페이지 랜더링 제공 과정을 나타낸 도면.
본 발명은 그 기술적 사상 또는 주요한 특징으로부터 벗어남이 없이 다른 여러가지 형태로 실시될 수 있다. 따라서, 본 발명의 실시예들은 모든 점에서 단순한 예시에 지나지 않으며 한정적으로 해석되어서는 안된다.
제1, 제2등의 용어는 다양한 구성요소들을 설명하는데 사용될 수 있지만, 상기 구성요소들은 상기 용어들에 의해 한정되어서는 안 된다.
상기 용어들은 하나의 구성요소를 다른 구성요소로부터 구별하는 목적으로만 사용된다. 예를 들어, 본 발명의 권리 범위를 벗어나지 않으면서 제1구성요소는 제2구성요소로 명명될 수 있고, 유사하게 제2구성요소도 제1구성요소로 명명될 수 있다.
및/또는 이라는 용어는 복수의 관련된 기재된 항목들의 조합 또는 복수의 관련된 기재된 항목들 중의 어느 항목을 포함한다.
어떤 구성요소가 다른 구성요소에 "연결되어" 있다거나 "접속되어" 있다고 언급된 때에는, 그 다른 구성요소에 직접적으로 연결되어 있거나 또는 접속되어 있을 수도 있지만, 중간에 다른 구성요소가 존재할 수도 있다고 이해되어야 할 것이다.
반면에, 어떤 구성요소가 다른 구성요소에 "직접 연결되어" 있다거나 "직접 접속되어" 있다고 언급된 때에는, 중간에 다른 구성요소가 존재하지 않는 것으로 이해되어야 할 것이다.
본 출원에서 사용한 용어는 단지 특정한 실시예를 설명하기 위해 사용된 것으로, 본 발명을 한정하려는 의도가 아니다. 단수의 표현은 문맥상 명백하게 다르게 뜻하지 않는 한, 복수의 표현을 포함한다.
본 출원에서, "포함하다" 또는 "구비하다", "가지다" 등의 용어는 명세서상에 기재된 특징, 숫자, 단계, 동작, 구성요소, 부품 또는 이들을 조합한 것이 존재함을 지정하려는 것이지, 하나 또는 그 이상의 다른 특징들이나 숫자, 단계, 동작, 구성요소, 부품 또는 이들을 조합한 것들의 존재 또는 부가 가능성을 미리 배제하지 않는 것으로 이해되어야 한다.
다르게 정의되지 않는 한, 기술적이거나 과학적인 용어를 포함해서 여기서 사용되는 모든 용어들은 본 발명이 속하는 기술 분야에서 통상의 지식을 가진 자에 의해 일반적으로 이해되는 것과 동일한 의미를 가지고 있다.
일반적으로 사용되는 사전에 정의되어 있는 것과 같은 용어들은 관련 기술의 문맥상 가지는 의미와 일치하는 의미를 가지는 것으로 해석되어야 하며, 본 출원에서 명백하게 정의하지 않는 한, 이상적이거나 과도하게 형식적인 의미로 해석되지 않는다.
이하, 첨부된 도면을 참조하여 본 발명에 따른 바람직한 실시예를 상세히 설명하되, 도면 부호에 관계없이 동일하거나 대응하는 구성 요소는 동일한 참조 번호를 부여하고 이에 대한 중복되는 설명은 생략하기로 한다.
본 발명을 설명함에 있어서 관련된 공지 기술에 대한 구체적인 설명이 본 발명의 요지를 흐릴 수 있다고 판단되는 경우 그 상세한 설명을 생략한다.
본 실시예의 SaaS 환경에서의 웹페이지 서비스 방법은, 웹페이지 생성에 필요한 생성 수단과 웹페이지 제공에 필요한 랜더링 수단을 SaaS 환경으로 제공하며, 다양한 디바이스 환경에서 대응하여 유연한 웹페이지를 구현 가능하도록 구성된다.
도 1은 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법을 제공하기 위한 시스템 구성도이다.
본 실시예의 SaaS 환경에서의 웹페이지 서비스 방법은, 네트워크(10)를 통해 웹페이지 서버(200)에서 클라이언트(300)로 웹페이지 생성에 필요한 생성 수단과 웹페이지 제공에 필요한 랜더링 수단을 제공한다. 웹페이지 서버(200)에는 관리자 클라이언트(100)가 더욱 연동되어, 본 실시예의 웹페이지 서비스 제공과 관련된 서버 관리가 이뤄질 수 있다.
본 실시예의 웹페이지 서버(200)는, 클라이언트(300)의 요청에 따라 웹페이지 생성 서비스와 웹페이지 랜더링 서비스를 제공하기 위한 이벤트를 제어 관리하는 컨트롤러 시스템(210)과, 상기 컨트롤러 시스템(210)의 제어에 따라 웹페이지 생성 서비스와 웹페이지 랜더링 서비스를 제공하는 서비스 시스템(220)과, 상기 서비스 시스템(220)과 연동하여 웹페이지 생성 서비스와 웹페이지 랜더링 서비스에 필요한 각종 파일 관리 기능을 제공하는 파일 시스템(230)과, 상기 서비스 시스템(220)과 연동하여 페이지 및 위젯 등의 웹페이지 생성 요소에 관한 DB를 관리하는 DBMS(240)와, 상기 서비스 시스템(220)과 연동하여 페이지 구성/설정 정보를 관리하는 로컬 DB(250)를 포함하여 구성된다.
상기 서비스 시스템(220)은 웹페이지 생성 서비스와 웹페이지 랜더링 서비스를 위한 전반적인 기능을 제공하며, 일예로, 페이지 에디터, 위젯 에디터, 파서 등의 기능을 제공한다.
본 실시예의 클라이언트(300)는 네트워크(10, 인터넷, 이동통신망 등)를 통해 웹페이지 서버(200)에 접속하여, 웹페이지 생성에 필요한 생성 수단을 제공받거나, 웹페이지 제공에 필요한 랜더링 수단을 제공받는 클라이언트로 이해될 수 있으며, 랜더링된 웹페이지를 사용하는 사용자 클라이언트도 포함할 수 있다. 이러한 클라이언트(300)는 통상의 컴퓨팅 수단(예, PC, 태블릿 컴퓨터)이나, 모바일 단말 등의 형태로 구현될 수 있다.
도 6은 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 웹페이지의 논리적 구조를 나타낸 도면, 도 7은 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 웹페이지의 논리적 구조의 각 요소의 개념을 나타낸 도면, 도 8은 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 웹페이지의 논리적 구조의 각 요소의 유형을 예시한 도면, 도 9는 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 웹페이지의 물리적 구조(파일 구조)를 나타낸 도면, 도 10은 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 웹페이지의 물리적 구조의 각 요소의 개념과 파일 형식을 나타낸 도면, 도 11은 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 웹페이지의 논리적 구조의 각 요소와 물리적 구조의 각 요소간의 상호 관계를 나타낸 도면, 도 12는 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 웹페이지의 논리적 구조의 각 요소와 물리적 구조의 각 요소간의 상호 관계 및 그 파일 형식을 함께 나타낸 도면이다.
본 실시예에서는, 웹페이지 생성을 위한 논리적 요소로서 페이지 및 마스터, 위젯, 컴포넌트, 엘리먼트, 핸들러, 인터랙션을 포함하며, 웹페이지 생성을 위한 물리적 요소로서 메타정보 파일 및 템플릿 파일, 단위 뷰 파일, 정적 뷰 파일을 포함하도록 웹페이지 요소를 관리한다.
상기 페이지 및 마스터는 상기 템플릿 파일 또는 정적 뷰 파일의 형태로 관리하고, 상기 위젯은 상기 템플릿 파일 또는 정적 뷰 파일, 단위 뷰 파일의 형태로 관리하며, 상기 컴포넌트, 엘리먼트, 핸들러, 인터랙션은 상기 메타정보 파일 또는 단위 뷰 파일의 형태로 관리하도록 구성된다.
본 실시예에 따르면, 다양한 디바이스 환경에서 대응하여 상기 각각의 물리적 요소를 관리할 수 있으므로, 각각의 디바이스 환경에 대응하여 유연한 웹페이지를 구현할 수 있게 된다.
바람직하게, 상기 페이지 또는 마스터, 위젯은, 상기 컴포넌트, 엘리먼트, 핸들러, 인터랙션 중 적어도 어느 하나 이상의 요소를 포함하여 구성된다.
이러한 웹페이지 구성 요소의 논리적 요소와 물리적 요소의 대응 관계와 각각 요소의 계층적 구조는 도 6 및 도 11을 통해 예시적으로 이해될 수 있으며, 바람직한 파일 형식의 예는 도 12를 통해 예시적으로 이해될 수 있다.
본 실시예에서, 페이지는 웹페이지를 구성하기 위한 기본 요소로 이해될 수 있다.
마스터는 상기 페이지의 구성 요소들을 미리 설정해 놓은 레이아웃으로 이해될 수 있다. 일예로, 페이지는 클라이언트의 요청에 의해 개별 페이지 특성에 따른 개별적인 레이아웃을 갖도록 설정될 수도 있으며, 미리 설정해 놓은 페이지 마스터를 선택적으로 적용하여 레이아웃을 갖도록 할 수도 있다. 마스터를 적용하는 경우, 사용자는 더욱 통일되고 편리한 페이지 구성을 제공받을 수 있다. 이를 위해, 마스터 적용을 위한 별도의 사용자 UI가 구비될 수 있다.
참고로, 도 8에 예시된 모듈은 페이지나 마스터에 의해 구현되는 사용자 기능 관점의 요소로 이해될 수 있으며, 일예로, 도 8에 예시된 것처럼 게시판, 회원가입, 카페, 블로그 등이 될 수 있다.
본 실시예에서, 상기 위젯은 상기 페이지를 구성하는 기능 요소이며, 일예로, 로그인 위젯, 게시물 추출 위젯, 배너 위젯 등의 위젯이 관리될 수 있다.
상기 컴포넌트는 상기 페이지 또는 위젯을 구성하는 UI(user interface) 요소이며, 일예로, 캘린더, 카운터, 그리드(grid), 맵(map) 등의 컴포넌트가 관리될 수 있다.
상기 엘리먼트는 HTML(Hypertext Markup Language) 요소를 표현하는 요소이며, 일예로, 오디오, 북마크, 버튼 이미지, 체크박스 등의 엘리먼트가 관리될 수 있다.
또한, 상기 핸들러는 상기 웹페이지 서버에서 데이터 또는 로직을 처리하는 요소이며, 상기 인터랙션은 상기 페이지 또는 위젯에서 화면흐름 처리 액션을 정의하는 요소이다. 일예로, 핸들러는 클라이언트로부터 HTTP Request 요청을 받아 이를 처리한 후에 결과를 Request에 세팅 또는 JSON 형식으로 반환하는 기능을 수행한다.
이러한 웹페이지 논리적 요소들의 개념은 도 7을 통해 예시적으로 이해될 수 있으며, 실제 관리되는 다양한 형태들은 도 8을 통해 예시적으로 이해될 수 있다.
본 실시예에서, 상기 템플릿 파일은 상기 정적 뷰 파일을 만들기 위한 중간단계 파일이며, 또한, 상기 단위 뷰 파일은 상기 컴포넌트 또는 엘리먼트의 뷰 파일이거나 상기 인터랙션을 구성하는 JS(JavaScript) 파일이며, 상기 메타정보 파일은 웹페이지 구성 요소의 기본 정보를 정의하는 파일이다.
상기 정적 뷰 파일은 상기 템플릿 파일이 파서를 통해 변환된 파일로서 페이지 랜더링시 출력되는 파일이다.
바람직한 일예로, 본 실시예는, 상기 메타정보 파일 및 템플릿 파일은 XML 파일형식으로 관리하며, 상기 단위 뷰 파일 및 정적 뷰 파일은 VM/CSS/JS(Velocity Template/Cascading Style Sheet/JavaScript) 중의 어느 하나의 파일형식으로 관리한다.
이러한 웹페이지 물리적 요소들의 관계는 도 9를 통해 이해될 수 있으며, 물리적 요소들의 개념 및 파일 형식은 도 10을 통해 예시적으로 이해될 수 있다.
도 2는 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 페이지 생성 과정을 나타낸 도면, 도 3은 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 페이지 편집 과정을 나타낸 도면이다.
본 실시예의 웹페이지 서비스 방법에서는, 웹페이지 요소 생성 시에는, 클라이언트로부터 입력된 요청 정보에 근거하여 웹페이지 서버에 구비된 에디터가 페이지 또는 마스터, 위젯 템플릿 파일을 생성하고, 웹페이지 서버에 구비된 파서가 상기 페이지 또는 마스터, 위젯 템플릿 파일에 대한 구문 분석을 하여 분석 결과에 따라 기 저장된 상기 단위 뷰 파일 중 적어도 하나 이상을 구성 요소로 하여 페이지 또는 마스터, 위젯 정적 뷰 파일을 생성한다.
일예로, 상기 프로세스는 다음의 표 1과 같이 실행될 수 있으며, 작업 프로세스에 대한 상세 설명은 후술한다.
작업순서 | 작업 프로세스 | 설명 |
1 | 템플릿 파일 생성 | 직접 편집 또는 에디터 저장시 생성 |
2 | 구문(Syntax) 분석 | 파서(Parser)가 템플릿 파일(예, XML)의 구문을 분석하여 JSON 결과로 변환 |
3 | 뷰 파일 변환 | 구문 분석결과와 단위 뷰 파일을 참조하여 정적 뷰 파일의 데이터로 변환 |
4 | 뷰 파일 생성 | 변환된 데이터를 정적 파일 생성규칙에 따라 파일 생성 |
도 2를 참조하여, 페이지 생성 과정을 보다 상세하게 예시적으로 설명한다.
본 실시예의 웹페이지 서버가 제공하는 페이지 에디터를 통해, 페이지 기본정보가 입력되면, 신규 페이지가 생성되고 페이지 마스터가 설정되어 DBMS의 페이지 DB 정보로 저장된다.
이후, 페이지 구성요소가 추가되면, 추가 내용에 따라, 위젯 화면 랜더링 및/또는 컴포넌트 화면 랜더링, 엘리먼트 화면 랜더링, 핸들러 추가 과정을 거쳐 추가 내용이 로컬 DB에 페이지 구성/설정 정보로서 저장된다. 이를 위해, 파일 시스템에서는 위젯 단위 뷰 파일, 컴포넌트 단위 뷰 파일, 엘리먼트 단위 뷰 파일이 독출된다.
이후, 페이지 편집 과정에서는, 위치이동/크기조절, 페이지 구성요소 추가/삭제, 인터랙션 추가/삭제의 과정을 거쳐 편집 내용이 로컬 DB에 페이지 구성/설정 정보로서 저장된다.
이후, 페이지 에디터를 통해, 페이지 구성요소 설정값이 입력되면, 페이지 정보 DB가 생성되고, 페이지 템플릿 파일이 파일 시스템에 생성된다. 페이지 구성요소 설정값은 로컬 DB에 페이지 구성/설정 정보로서 저장되고, 페이지 정보 DB는 DBMS의 페이지 DB 정보로 저장된다.
파서를 통해, 템플릿 파일이 독출되고, 페이지 구성요소별 변환규칙이 적용되어 페이지 정적 뷰 파일 데이터가 생성되고, 그에 따라 페이지 에디터에서 생성된 페이지 정적 뷰 파일 데이터를 통해 파일 시스템에 페이지 정적 뷰 파일이 생성된다.
페이지 구성요소별 변환규칙 적용 시, 위젯 단위 뷰 파일, 컴포넌트 단위 뷰 파일, 엘리먼트 단위 뷰 파일, 인터랙션 JS 파일이 독출 및 사용된다.
도 3을 참조하여, 페이지 편집 과정을 보다 상세하게 예시적으로 설명한다.
본 실시예의 웹페이지 서버가 제공하는 페이지 에디터를 통해, 페이지 템플릿 파일이 독출되고 페이지 구성요소 화면 랜더링이 이뤄진다. 페이지 템플릿 파일은 파일 시스템으로부터 독출한다.
이를 위해, 위젯 화면 랜더링 및/또는 컴포넌트 화면 랜더링, 엘리먼트 화면 랜더링, 인터랙션 정보 출력, 핸들러 정보 출력이 이뤄지고, 페이지 편집이 이뤄진다. 이를 위해, 파일 시스템에서는 위젯 단위 뷰 파일, 컴포넌트 단위 뷰 파일, 엘리먼트 단위 뷰 파일이 독출된다.
도 4는 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 위젯 생성 과정을 나타낸 도면, 도 5는 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 위젯 편집 과정을 나타낸 도면이다.
도 4를 참조하여, 위젯 생성 과정을 보다 상세하게 예시적으로 설명한다.
본 실시예의 웹페이지 서버가 제공하는 위젯 에디터를 통해, 위젯 기본정보가 입력되고, 위젯 기본정보가 로컬 DB에 위젯 구성/설정 정보로서 저장된다.
위젯 구성요소가 추가되면, 추가 내용에 따라, 컴포넌트 화면 랜더링 및/또는 엘리먼트 화면 랜더링, 핸들러 추가 과정을 거쳐 추가 내용이 로컬 DB에 위젯 구성/설정 정보로서 저장된다. 이를 위해, 파일 시스템에서는 컴포넌트 단위 뷰 파일, 엘리먼트 단위 뷰 파일이 독출된다.
이후, 위젯 편집 과정에서는, 위치이동/크기조절, 위젯 구성요소 추가/삭제, 인터랙션 추가/삭제의 과정을 거쳐 편집 내용이 로컬 DB에 위젯 구성/설정 정보로서 저장된다.
이후, 위젯 에디터를 통해, 위젯 구성요소 설정값이 입력되면, 위젯 구성요소 설정값은 로컬 DB에 위젯 구성/설정 정보로서 저장된다.
위젯 적용범위가 선택되면, 위젯 정보 DB는 DBMS의 위젯 DB 정보로 저장되고, 위젯 템플릿 파일이 파일 시스템에 생성된다.
파서를 통해, 템플릿 파일이 독출되고, 위젯 구성요소별 변환규칙이 적용되어 위젯 정적 뷰 파일 데이터가 생성되고, 그에 따라 위젯 에디터 및 파일 시스템에 위젯 정적 뷰 파일이 생성된다.
위젯 구성요소별 변환규칙 적용 시, 컴포넌트 단위 뷰 파일, 엘리먼트 단위 뷰 파일, 인터랙션 JS 파일이 독출 및 사용된다.
도 5를 참조하여, 위젯 편집 과정을 보다 상세하게 예시적으로 설명한다.
본 실시예의 웹페이지 서버가 제공하는 위젯 에디터를 통해, 위젯 템플릿 파일이 선택 및 독출되고 위젯 구성요소 화면 랜더링이 이뤄진다. 위젯 템플릿 파일은 파일 시스템으로부터 독출한다.
이를 위해, 컴포넌트 화면 랜더링 및/또는 엘리먼트 화면 랜더링, 인터랙션 정보 출력, 핸들러 정보 출력이 이뤄지고, 위젯 편집이 이뤄진다. 이를 위해, 파일 시스템에서는 컴포넌트 단위 뷰 파일, 엘리먼트 단위 뷰 파일이 독출된다.
도 13은 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 정적 뷰(view) 파일 생성 과정을 나타낸 도면, 도 14는 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 정적 뷰(view) 파일 생성을 위한 파서의 처리 과정을 나타낸 도면, 도 15는 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 정적 뷰(view) 파일 생성을 위한 파서의 처리 과정을 더욱 상세하게 나타낸 도면이다.
본 실시예의 파서는 페이지/마스터/위젯 템플릿 파일을 각각의 정적 뷰 파일로 변환 처리를 담당하는 독립 프로그램으로 이해될 수 있다.
본 실시예에서, 상기 파서는, 파서의 처리 방식을 정의한 설정파일과, 상기 설정파일에 따른 파일변환 처리를 하는 파일변환 프로그램 요소와, 파일변환 작업시 변수값을 처리하는 변수처리 프로그램 요소를 포함하며, 상기 파일변환 프로그램이 상기 설정파일을 독출하고, 상기 변수처리 프로그램을 호출하고 변수처리 결과값을 리턴받는 변환 과정을 거쳐, 상기 페이지 또는 마스터, 위젯 템플릿 파일을 각각의 템플릿 파일에 대응하는 페이지 또는 마스터, 위젯 정적 뷰 파일로 변환 처리한다. 이러한 파서의 구성 및 실행 과정은 도 13 및 도 14를 통해 이해될 수 있다.
도 15를 참조하여, 페이지 또는 마스터 템플릿 파일에 대한 정적 뷰(view) 파일 생성을 위한 파서의 처리 과정을 보다 상세하게 예시적으로 설명한다.
먼저, 템플릿 파일 변환이 요청되면, 파서가 변환 요청된 템플릿 파일을 파싱하고 상기 설정파일을 파싱한다. 이를 위해, 파일 시스템에서는 페이지/마스터/위젯 템플릿 파일이 독출되고, 파서 설정파일이 독출된다.
다음으로, 파서는 위젯 템플릿 파일 및 컴포넌트 파일, 엘리먼트 파일 중 변환 요청된 상기 템플릿 파일에 정의된 파일을 독출하고, 설정파일로부터 독출한 설정값을 조합하여 중간단계 템플릿 데이터를 생성한다. 이를 위해, 파일 시스템에서는 위젯 단위 뷰 파일, 컴포넌트 단위 뷰 파일, 엘리먼트 단위 뷰 파일이 독출된다.
다음으로, 파서는 상기 중간단계 템플릿 데이터로부터 변수 처리대상을 추출하고 상기 변수처리 프로그램을 호출하고 변수처리 결과값을 리턴받아 정적 뷰 파일 데이터를 생성하고, 정적 뷰 파일을 생성하여 파일 시스템에 저장한다.
위젯 정적 뷰 파일도 상기 과정과 동일 내지 유사한 방식으로 생성된다.
도 16은 본 발명의 일실시예에 따른 SaaS 환경에서의 웹페이지 서비스 방법에서 페이지 랜더링 제공 과정을 나타낸 도면이다.
본 실시예의 웹페이지 서비스 방법에서는, 웹페이지 랜더링 시에, 클라이언트로부터 요청된 웹페이지 정보에 근거하여 웹페이지 서버가 요청된 웹페이지에 해당하는 페이지 또는 마스터, 위젯 정적 뷰 파일을 랜더링하여 웹페이지를 제공하도록 구성된다.
도 16을 참조하여, 페이지 랜더링 제공 과정을 보다 상세하게 예시적으로 설명한다.
클라이언트로부터 페이지 URL 요청이 입력되면, 컨트롤러 시스템에서 페이지 컨트롤러를 호출한다.
이후, 서비스 시스템에서 사이트 공통정보 조회 및 페이지 마스터 정보 조회, 페이지 정보 조회, 핸들러 실행, 페이지 뷰 결정이 이뤄진다. 이를 위해, DBMS로부터 페이지 마스터 DB 및 페이지 DB의 정보가 독출된다.
이후, 컨트롤러 시스템의 페이지 뷰 랜더링을 거쳐, 클라이언트로 페이지 응답 처리를 한다. 페이지 뷰 랜더링 시 파일 시스템으로부터 페이지 정적 뷰 파일이 독출된다.
본 발명의 실시예 들은 다양한 컴퓨터로 구현되는 동작을 수행하기 위한 프로그램과 이를 기록한 컴퓨터 판독가능 매체를 포함한다. 상기 컴퓨터 판독 가능 매체는 프로그램 명령, 데이터 파일, 데이터 구조 등을 단독으로 또는 조합하여 포함할 수 있다. 상기 매체는 본 발명을 위하여 특별히 설계되고 구성된 것들이거나 컴퓨터 소프트웨어 당업자에게 공지되어 사용 가능한 것일 수도 있다. 컴퓨터 판독 가능 기록 매체의 예에는 하드 디스크, 플로피 디스크 및 자기 테이프와 같은 자기 매체, CD-ROM, DVD, USB 드라이브와 같은 광기록 매체, 플롭티컬 디스크와 같은 자기-광 매체, 및 롬, 램, 플래시 메모리 등과 같은 프로그램 명령을 저장하고 수행하도록 특별히 구성된 하드웨어 장치가 포함된다. 프로그램 명령의 예에는 컴파일러에 의해 만들어지는 것과 같은 기계어 코드뿐만 아니라 인터프리터 등을 사용해서 컴퓨터에 의해서 실행될 수 있는 고급 언어 코드를 포함한다.
이상 실시예를 참조하여 설명하였지만, 해당 기술 분야의 숙련된 당업자는 하기의 특허 청구의 범위에 기재된 본 발명의 사상 및 영역으로부터 벗어나지 않는 범위 내에서 본 발명을 다양하게 수정 및 변경시킬 수 있음을 이해할 수 있을 것이다.
100: 관리자 클라이언트
200: 웹 페이지 서버
300: 클라이언트
200: 웹 페이지 서버
300: 클라이언트
Claims (13)
- 네트워크를 통해 웹페이지 서버에서 클라이언트로 웹페이지 생성에 필요한 생성 수단과 웹페이지 제공에 필요한 랜더링 수단을 제공하는 방법으로서,
웹페이지 생성을 위한 논리적 요소로서 페이지 및 마스터, 위젯, 컴포넌트, 엘리먼트, 핸들러, 인터랙션을 포함하며, 웹페이지 생성을 위한 물리적 요소로서 메타정보 파일 및 템플릿 파일, 단위 뷰 파일, 정적 뷰 파일을 포함하도록 웹페이지 요소를 관리하되,
웹페이지 요소 생성 시에는, 클라이언트로부터 입력된 요청 정보에 근거하여 웹페이지 서버에 구비된 에디터가 페이지 또는 마스터, 위젯 템플릿 파일을 생성하고, 웹페이지 서버에 구비된 파서가 상기 페이지 또는 마스터, 위젯 템플릿 파일에 대한 구문 분석을 하여 분석 결과에 따라 기 저장된 상기 단위 뷰 파일 중 적어도 하나 이상을 구성 요소로 하여 페이지 또는 마스터, 위젯 정적 뷰 파일을 생성하며,
웹페이지 랜더링 시에는, 클라이언트로부터 요청된 웹페이지 정보에 근거하여 웹페이지 서버가 요청된 웹페이지에 해당하는 페이지 또는 마스터, 위젯 정적 뷰 파일을 랜더링하여 웹페이지를 제공하되,
상기 페이지 및 마스터는 상기 템플릿 파일 또는 정적 뷰 파일의 형태로 관리하고,
상기 위젯은 상기 템플릿 파일 또는 정적 뷰 파일, 단위 뷰 파일의 형태로 관리하며,
상기 컴포넌트, 엘리먼트, 핸들러, 인터랙션은 상기 메타정보 파일 또는 단위 뷰 파일의 형태로 관리하도록 구성된 것을 특징으로 하는 SaaS 환경에서의 웹페이지 서비스 방법.
- 삭제
- 제1항에 있어서,
상기 페이지 또는 마스터, 위젯은,
상기 컴포넌트, 엘리먼트, 핸들러, 인터랙션 중 적어도 어느 하나 이상의 요소를 포함하여 구성되는 것을 특징으로 하는 SaaS 환경에서의 웹페이지 서비스 방법.
- 제1항에 있어서,
상기 위젯은 상기 페이지를 구성하는 기능 요소이며,
상기 컴포넌트는 상기 페이지 또는 위젯을 구성하는 UI(user interface) 요소이며,
상기 엘리먼트는 HTML(Hypertext Markup Language) 요소를 표현하는 요소인 것을 특징으로 하는 SaaS 환경에서의 웹페이지 서비스 방법.
- 제1항에 있어서,
상기 핸들러는 상기 웹페이지 서버에서 데이터 또는 로직을 처리하는 요소인 것을 특징으로 하는 SaaS 환경에서의 웹페이지 서비스 방법.
- 제1항에 있어서,
상기 인터랙션은 상기 페이지 또는 위젯에서 화면흐름 처리 액션을 정의하는 요소인 것을 특징으로 하는 SaaS 환경에서의 웹페이지 서비스 방법.
- 제1항에 있어서,
상기 템플릿 파일은 상기 정적 뷰 파일을 만들기 위한 중간단계 파일이며,
상기 단위 뷰 파일은 상기 컴포넌트 또는 엘리먼트의 뷰 파일이거나 상기 인터랙션을 구성하는 JS(JavaScript) 파일이며,
상기 정적 뷰 파일은 상기 템플릿 파일이 파서를 통해 변환된 파일로서 페이지 랜더링시 출력되는 파일인 것을 특징으로 하는 SaaS 환경에서의 웹페이지 서비스 방법.
- 제7항에 있어서,
상기 메타정보 파일은 웹페이지 구성 요소의 기본 정보를 정의하는 파일인 것을 특징으로 하는 SaaS 환경에서의 웹페이지 서비스 방법.
- 제8항에 있어서,
상기 메타정보 파일 및 템플릿 파일은 XML 파일형식으로 관리하며,
상기 단위 뷰 파일 및 정적 뷰 파일은 VM/CSS/JS(Velocity Template/Cascading Style Sheet/JavaScript) 중의 어느 하나의 파일형식으로 관리하는 것을 특징으로 하는 SaaS 환경에서의 웹페이지 서비스 방법.
- 제1항에 있어서,
상기 파서는,
파서의 처리 방식을 정의한 설정파일과, 상기 설정파일에 따른 파일변환 처리를 하는 파일변환 프로그램 요소와, 파일변환 작업시 변수값을 처리하는 변수처리 프로그램 요소를 포함하며,
상기 파일변환 프로그램이 상기 설정파일을 독출하고, 상기 변수처리 프로그램을 호출하고 변수처리 결과값을 리턴받는 변환 과정을 거쳐,
상기 페이지 또는 마스터, 위젯 템플릿 파일을 각각의 템플릿 파일에 대응하는 페이지 또는 마스터, 위젯 정적 뷰 파일로 변환 처리하는 것을 특징으로 하는 SaaS 환경에서의 웹페이지 서비스 방법.
- 제10항에 있어서,
페이지 또는 마스터 템플릿 파일에 대한 상기 변환 과정은,
변환 요청된 템플릿 파일을 파싱하고 상기 설정파일을 파싱하며,
위젯 템플릿 파일 및 컴포넌트 파일, 엘리먼트 파일 중 변환 요청된 상기 템플릿 파일에 정의된 파일을 독출하고, 설정파일로부터 독출한 설정값을 조합하여 중간단계 템플릿 데이터를 생성하며,
상기 중간단계 템플릿 데이터로부터 변수 처리대상을 추출하고 상기 변수처리 프로그램을 호출하고 변수처리 결과값을 리턴받아 정적 뷰 파일 데이터를 생성하는 과정을 거쳐 상기 정적 뷰 파일을 생성하는 것을 특징으로 하는 SaaS 환경에서의 웹페이지 서비스 방법.
- 하드웨어와 결합되어 제1항, 제3항 내지 제11항 중의 어느 한 항에 따른 SaaS 환경에서의 웹페이지 서비스 방법을 실행시키기 위하여 기록 매체에 저장된 컴퓨터 프로그램.
- 제1항, 제3항 내지 제11항 중의 어느 한 항에 따른 SaaS 환경에서의 웹페이지 서비스 방법을 컴퓨터에서 실행하기 위한 컴퓨터 프로그램이 기록된, 컴퓨터로 판독 가능한 기록 매체.
Applications Claiming Priority (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
KR1020140019288 | 2014-02-19 | ||
KR20140019288 | 2014-02-19 |
Publications (2)
Publication Number | Publication Date |
---|---|
KR20150098215A KR20150098215A (ko) | 2015-08-27 |
KR101730070B1 true KR101730070B1 (ko) | 2017-04-25 |
Family
ID=54059698
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
KR1020150023548A KR101730070B1 (ko) | 2014-02-19 | 2015-02-16 | SaaS 환경에서의 웹페이지 서비스 방법, 이를 위한 컴퓨터 프로그램, 그 기록매체 |
Country Status (1)
Country | Link |
---|---|
KR (1) | KR101730070B1 (ko) |
Families Citing this family (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR101885067B1 (ko) * | 2017-09-12 | 2018-09-10 | 주식회사 명리 | 콘텐츠 분할 및 예약어를 이용한 홈페이지 콘텐츠 편집 서비스 제공 방법 |
CN109936605B (zh) * | 2017-12-18 | 2021-11-05 | 北京京东尚科信息技术有限公司 | 一种加载接口数据的方法和装置 |
KR102132385B1 (ko) * | 2018-10-17 | 2020-08-05 | (주)지란지교소프트 | 웹 브라우저 기반 로컬 파일 제어 시스템 및 방법 |
-
2015
- 2015-02-16 KR KR1020150023548A patent/KR101730070B1/ko active IP Right Grant
Also Published As
Publication number | Publication date |
---|---|
KR20150098215A (ko) | 2015-08-27 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US8788935B1 (en) | Systems and methods for creating or updating an application using website content | |
US20080028302A1 (en) | Method and apparatus for incrementally updating a web page | |
US10049095B2 (en) | In-context editing of output presentations via automatic pattern detection | |
KR101951719B1 (ko) | 그래픽 인터페이스 기반으로 이벤트 동작을 프로그래밍 하는 웹 레포팅 디자인 시스템 | |
KR101275871B1 (ko) | SaaS 환경에서의 홈페이지 제작 시스템 및 방법, 그 방법을 컴퓨터에서 실행하기 위한 컴퓨터 프로그램이 기록된, 컴퓨터로 판독 가능한 기록 매체 | |
US10417317B2 (en) | Web page profiler | |
US20170031877A1 (en) | Web Page Design System | |
CN104798067A (zh) | Web服务器***、辞典***、辞典调用方法、画面控件显示方法以及演示应用生成方法 | |
Anderson et al. | Pro business applications with silverlight 4 | |
US10742764B2 (en) | Web page generation system | |
KR101730070B1 (ko) | SaaS 환경에서의 웹페이지 서비스 방법, 이를 위한 컴퓨터 프로그램, 그 기록매체 | |
US10324600B2 (en) | Web page generation system | |
Hayakawa et al. | Maintaining web applications by translating among different RIA technologies | |
Freeman | Pro jQuery 2.0 | |
Shah | Building a web content management system | |
Homann et al. | Towards an End-User development tool for mobile ERP applications | |
Ragupathi | Learning ASP. NET Core MVC Programming | |
Yu et al. | Developing a web-based symbolic circuit analysis tool for learning and design aid | |
KR20220122246A (ko) | SaaS환경 홈페이지 제작 시스템 | |
CN111367515B (zh) | 页面卡片的开发方法、装置、计算设备和存储介质 | |
Nouri et al. | Interactive, live mashup development through UI-oriented computing | |
KR20130040167A (ko) | SaaS 환경에서의 홈페이지 제작 시스템, 그 시스템의 기능을 컴퓨터에서 실행하기 위한 컴퓨터 프로그램이 기록된, 컴퓨터로 판독 가능한 기록 매체 | |
Tran | Building a musical instrument store application using ReactJS | |
Guerrero et al. | Fiori Applications in SAP HANA | |
Wang et al. | Mobile financial news mashup development based on yql |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
A201 | Request for examination | ||
E902 | Notification of reason for refusal | ||
E902 | Notification of reason for refusal | ||
E701 | Decision to grant or registration of patent right | ||
GRNT | Written decision to grant | ||
FPAY | Annual fee payment |
Payment date: 20200213 Year of fee payment: 4 |