KR100653610B1

KR100653610B1 - 네비게이션 바 편집 기능이 강화된 온라인 플래시 편집시스템

Info

Publication number: KR100653610B1
Application number: KR1020040073638A
Authority: KR
Inventors: 임종선; 추승호
Original assignee: (주)웹플러스
Priority date: 2004-09-15
Filing date: 2004-09-15
Publication date: 2006-12-04
Also published as: KR20060025268A

Abstract

본 발명은 네비게이션 바 템플릿을 표준화하는 제1표준화 모듈, 메뉴 버튼 템플릿을 표준화하는 제2표준화 모듈, 및 표준화된 네비게이션 바 템플릿과 표준화된 메뉴 버튼 템플릿을 결합하는 템플릿 결합 모듈을 포함하며, 템플릿 결합 모듈은 동적 결합 함수를 사용하여 네비게이션 바 템플릿과 메뉴 버튼 템플릿이 동적으로 결합될 수 있도록 함으로써, 템플릿이 결합되면서 발생할 수 있는 디자인상의 결함을 보완할 수 있도록 한 온라인 플래시 편집시스템를 제공한다.

Description

네비게이션 바 편집 기능이 강화된 온라인 플래시 편집시스템{ON-LINE FLASH EDITING SYSTEM WITH REINFORCED FUNCTION OF EDITING NAVIGATION BAR}

도 1 은 종래의 온라인 플래시 편집시스템의 동작 원리를 설명하기 위한 블록도.

도 2 는 본 발명의 일 실시예에 따라 네비게이션 바를 제작 및 편집하는 과정을 도시한 흐름도.

본 발명은 온라인 플래시 편집시스템에 관한 것으로서, 보다 상세하게는 네비게이션 바를 이루는 구성 요소들을 표준화하여 상호 동적 결합이 가능하게 함으로써, 네비게이션 바 편집 기능을 한층 강화한 플래시 편집시스템에 관한 것이다.

네비게이션 바는 일반적으로 웹 페이지의 좌측이나 상단에 배열되어 있는 링크의 묶음으로서, 네비게이션 바의 메뉴 버튼을 클릭함으로써 그 버튼에 링크되어 있는 하위 또는 상위 웹 페이지로 이동할 수 있게 해준다. 따라서, 네비게이션 바가 얼마나 유용하게 디자인되어 있는가에 따라 웹 사이트의 성공 여부를 가름할 정도로 네비게이션 바는 웹 페이지에서 중요한 역할을 수행한다.

종래에는 네비게이션 바를 생성함에 있어서, 바의 특성을 설정하는 단계, 상 태 편집 단계, 버튼 디자인 단계 및 내보내기 단계 등을 거쳐 네비게이션 바를 생성하였다.

바의 특성을 결정하는 단계에서는 버튼의 배열 타입, 버튼의 개수, 버튼 간의 간격 등 네비게이션 바의 구조와 관련된 특성 등을 설정한다. 상태 편집 단계에서는 버튼의 상태를 단일 상태 버튼으로 할 것인지, 다중 롤오버 버튼으로 할 것인지를 설정하고, 다중 롤오버 버튼으로 설정할 경우에는 어떤 상태 버튼 (mouseover, mousedown, selected, all states, mouseoff 등) 을 포함할 것인지를 설정한다.

버튼 디자인 단계에서는 버튼의 외관, 삽입할 텍스트, 텍스트의 길이, 폰트, 폰트 크기 정보 등을 설정하며, 내보내기 단계에서는 앞서 설정된 값들에 따라 생성된 네비게이션 바를 웹 브라우저 상에서 확인할 수 있도록 해준다.

그러나, 이와 같은 과정을 거쳐 네비게이션 바를 생성하는 것은 전문성이 부족한 실제 사용자에게 많은 시간을 소모하게 할 뿐만 아니라, 스스로 홈페이지를 제작하고자 하는 의욕을 떨어뜨리는 요인이 되고 있다. 또한, 온라인 플래시 편집시스템의 특성상 서버에는 여러 사용자가 제작한 다양한 네비게이션 바의 템플릿 파일이 존재하는데, 종래기술에 의해서는 이들을 제대로 활용할 수 없다는 단점이 있다.

따라서, 본 발명은 네비게이션 바의 구조적 특성을 포함하는 네비게이션 바 템플릿 파일과 메뉴 버튼의 구조적 특성을 포함하는 버튼 템플릿 파일을 용이하게 결합하여 손쉽게 네비게이션 바를 생성할 수 있는 온라인 플래시 편집시스템을 제공하는 것을 목적으로 한다.

또한, 본 발명은 네비게이션 바 템플릿 파일과 메뉴 버튼 템플릿 파일이 용이하게 결합될 수 있도록 이들을 표준화하여 제공하는 온라인 플래시 편집시스템을 제공하는 것을 목적으로 한다.

또한, 본 발명은 동적 결합 함수를 사용함으로써, 네비게이션 바 템플릿 파일과 메뉴 버튼 템플릿 파일을 결합할 때, 디자인적으로 결함이 발생하지 않도록 하는 온라인 플래시 편집시스템을 제공하는 것을 목적으로 한다.

상술한 목적을 달성하기 위하여 본 발명은 네비게이션 바 템플릿을 표준화하는 제1표준화 모듈; 메뉴 버튼 템플릿을 표준화하는 제2표준화 모듈; 및 표준화된 네비게이션 바 템플릿과 표준화된 메뉴 버튼 템플릿을 결합하는 템플릿 결합 모듈을 포함하며, 템플릿 결합 모듈은 동적 결합 함수를 사용하여 네비게이션 바 템플릿과 메뉴 버튼 템플릿이 동적으로 결합될 수 있도록 함으로써, 템플릿이 결합되면서 발생할 수 있는 디자인상의 결함을 보완할 수 있도록 한 온라인 플래시 편집시스템을 제공한다.

일반적으로 온라인 플래시 편집시스템은 다음과 같은 원리에 의하여 동작한다. 도 1을 참조하여 설명하면, 온라인 플래시 편집시스템 (22) 은 서버 (20) 상에 탑재되며, 사용자가 인터넷을 통하여 서버 (20) 에 접속하면 클라이언트에 제공된 사용자 인터페이스 (12) 를 통하여 플래시 제작 및 편집이 가능하다. 사용자가 인터페이스 (12) 를 통하여 플래시 에디팅 조작을 가하면, 이 편집 데이터는 인터넷망을 통하여 HTML 형태로 서버 (20) 로 전송되며, 서버 (20) 의 플래시 편집시스템(22) 은 이를 처리하여 그 결과를 다시 HTML 형태로 변환하여 클라이언트 (10) 에게 전송한다.

클라이언트 (10) 상의 웹 브라우저에는 플래시 플레이어 (14) 가 플러그인 되어 있어서, 서버 (20) 로부터 전송되어 온 플래시 파일을 화면상에서 플레이한다.

이를 네비게이션 바의 생성 과정에 적용하면, 사용자는 클라이언트 상의 사용자 인터페이스를 통하여 네비게이션 바의 구조, 메뉴 버튼의 구조, 메뉴 버튼 디자인을 설정하여, 이를 HTML 형태로 변환하여 서버 (20) 로 전송한다. 서버 (20) 상에 탑재된 온라인 플래시 편집시스템 (22) 은 클라이언트 (10) 에서 전송되어 온 편집 데이터들을 기초로 플래시 명령어 파일을 생성하여 저장한다. 또한 플래시 편집시스템 (22)에 생성된 플래시 명령어에 따라 플래시 쇽웨이브 파일을 생성하여 이를 클라이언트 (10) 에 전송한다. 클라이언트 (10) 에서는 웹브라우저에 플러그인되어 있는 플래시 플레이어를 통하여 이를 화면상에서 보여준다.

이와 같이 동작하는 종래의 온라인 플래시 편집시스템에 있어서, 본 발명은 네비게이션 바 제작 및 편집 기능을 한층 강화함으로써, 누구나 손쉽게 네비게이션 바를 제작할 수 있도록 도와줄 뿐만 아니라, 서버 상에 축적되어 있는 다양한 형태의 네비게이션 바에 대한 활용성을 높이고자 한다.

즉, 종래기술과는 달리 본 발명에서는 네비게이션 바의 구조 관련 데이터와 메뉴 버튼의 구조 관련 데이터를 별개의 템플릿 파일로 구분하고, 이들을 각각 표준화한다. 템플릿 파일들은 표준화되어 있어서 상호 결합이 용이하므로, 서버 상에 저장된 다양한 형태의 네비게이션 바 템플릿 파일과 메뉴 버튼 템플릿 파일을 조합하는 것만으로도 나만의 새로운 네비게이션 바를 만들 수 있게 된다.

네비게이션 구조 관련 데이터라 함은 네비게이션 바의 배열 형태, 네비게이션 바의 사이즈, 네비게이션 바 안에서 메뉴 버튼을 위해 확보된 영역의 사이즈, 메뉴 버튼의 위치 및 메뉴 버튼의 개수 등을 포함하며, 본 발명의 제1표준화 모듈은 이들 데이터를 기준으로 네비게이션 바의 템플릿을 표준화한다.

예컨대 네비게이션 바의 배열 형태는 상단에 일렬로 배열되거나, 좌측에 배열되는 형태 등 몇가지 타입으로 표준화될 수 있다. 배열 형태에 따라 네비게이션 바의 사이즈나, 메뉴 버튼의 위치 등이 전혀 달라지므로, 배열 형태를 기준으로 표준화할 필요가 있다.

네비게이션 바의 사이즈는 버튼의 사이즈, 버튼의 배열 등과 상관성이 크기 때문에, 이를 표준화하지 않으면 버튼 템플릿과의 결합이 곤란해진다. 예를 들면 어느 네비게이션 바 템플릿의 메뉴 버튼 수가 5개로 표준화되어 있으면서, 네비게이션 바의 사이즈는 표준화되어 있지 않다면, 이와 결합될 버튼 템플릿의 버튼 사이즈에 따라 결합시 에러가 발생할 우려가 있다. 따라서 본 발명에서는 네비게이션 바의 사이즈를 표준화 요소로 정하고 있다.

이외에도 네비게이션 바 안에서 메뉴 버튼을 위해 확보된 영역의 사이즈, 메뉴 버튼의 위치 및 메뉴 버튼의 개수 등도 버튼 템플릿에서 표준화되는 요소들인 메뉴 버튼의 사이즈, 메뉴 버튼 내에 삽입될 문자열의 크기 및 폰트의 크기 등과 구조적으로 밀접한 상관관계를 갖고 있기 때문에 본 발명에서는 이들 요소들을 표준화하여 네비게이션 바 템플릿 파일을 생성한다.

앞서 설명한 바와 같이, 사용자가 같은 디자인의 네비게이션 바 템플릿을 사용하여 네비게이션 바를 생성하더라도 네비게이션 바의 구조 데이터가 상이하면 실제 메뉴의 형태 (메뉴의 개수에 의한 좌우 길이나 상호작용의 방법 등) 가 달라지며, 이는 네비게이션 메뉴 내에 메뉴 생성 알고리즘이 내장되어 있기 때문이다. 이 메뉴 생성 알고리즘은 네비게이션 템플릿 제작시 개별적으로 개발되어지며, 네비게이션 구조 데이터의 표준화가 이루어져야 개별적 개발이 가능해진다.

한편, 템플릿들간의 결합을 위해서는 네비게이션 바의 구조 데이터 표준화뿐만 아니라, 네비게이션 바 템플릿 파일과 결합되는 메뉴 버튼의 구조 데이터의 표준화도 요구된다. 이는 템플릿들 간의 결합시 발생할 수 있는 디자인상의 결함 또는 결합 오류를 방지하기 위하여 필요하다.

본 발명의 제2표준화 모듈은 메뉴 버튼의 사이즈, 메뉴 버튼 내에 삽입될 문자열의 크기 및 폰트의 크기 등의 버튼 템플릿 상의 요소들을 표준화하는 모듈로서, 이들 표준화 요소들은 제1표준화 모듈의 표준화 요소와 밀접한 상관관계를 갖는 요소들로서 정해진다. 예컨대 메뉴 버튼의 사이즈가 표준화되지 않고 네비게이션 바의 전체 사이즈에 비하여 너무 크게 설정되어 있다면, 메뉴 버튼은 네비게이션 바 내부에 포함되지 않고 네비게이션 바의 틀을 벗어나버린다. 따라서 제2표준화 모듈은 네비게이션 바의 구조와 밀접한 관련성을 갖는 버튼 구조적 요소들 을 표준화한다.

종래에는 이와 같은 표준화모듈이 존재하지 않았기 때문에, 템플릿들을 서로 조합할 수 없었다. 따라서 서버 상에 존재하는 다양한 형태의 템플릿 파일들을 적절히 활용하지 못하였다. 그러나 본 발명에서는 제1 및 제2표준화 모듈이 사용자가 템플릿들의 조합을 위하여 직접 각 템플릿의 구조 데이터를 일일이 수정하는 수고를 대신한다. 따라서 템플릿들의 조합이 실질적으로 가능해진다. 결과적으로, 본 발명에 의하면 기 제작된 템플릿 파일들을 조합함으로써 손쉽게 거의 무한대의 새로운 네비게이션 바를 제작할 수 있다.

한편, 표준화만으로 템플릿들의 결합시 발생할 수 있는 디자인상의 결함을 완벽하게 제거하기에는 한계가 있다. 따라서 본 발명에서는 네비게이션 바 내에 구성 요소들을 재구성하는 동적 결합 함수를 임베드하여 실제로 화면상에 랜더링될 때 발생할 수 있는 디자인상의 결함을 더욱 보완한다.

동적 결합 함수는 사용된 메뉴 버튼의 사이즈 (폭과 길이), 사용된 메뉴 버튼 간의 간격, 버튼에 사용되어진 폰트와 문자열에 의하여 정해지는 네비게이션 바의 길이, 상위 메뉴의 개수와 화면상에 보여 지는 상위 메뉴의 사이즈, 하위 메뉴의 개수와 화면상에 보여 지는 하위 메뉴의 사이즈 및 전체 화면 사이즈 등의 값들을 읽어 들이고, 이 값들을 토대로 사용자와 네비게이션 바와의 상호작용이 일어날 때 여러 가지 네비게이션 바의 상태 변화를 계산하여, 메뉴 버튼을 구성하는 요소들의 크기와 네비게이션 바의 크기들이 전체 화면 크기 내에서 적절하게 보여 지도록 메뉴 버튼들의 위치나 크기를 동적으로 조절하여 최적화한다.

이상 설명한 바와 같이, 본 발명은 제1 및 제2 표준화 모듈과 동적 결합 함수에 의하여 각종 템플릿들을 용이하게 조합할 수 있도록 함으로써, 사용자가 손쉽게 다양한 형태의 네비게이션 바를 생성할 수 있도록 한다. 이하에서는 도 2를 참조하여 본 발명에 따라 네비게이션 바를 제작 및 편집하는 과정을 설명한다.

사용자는 서버에 접속하여 온라인 플래시 편집시스템의 사용자 인터페이스 창을 연다 (100). 사용자 인터페이스 상의 네비게이션 바 제작 버튼을 클릭하여 네비게이션 바의 구조 데이터를 설정한다 (200). 만약 기 제작된 네비게이션 바를 활용하고자 하면, 사용자 인터페이스 상의 네비게이션 바 편집 버튼을 클릭하고 기 제작된 네비게이션 바 템플릿 파일을 불러온다 (210). 불러온 네비게이션 바의 구조 데이터를 편집한다 (220).

네비게이션 바의 구조 데이터 설정을 마치면, 메뉴 버튼의 구조 데이터를 설정한다 (300). 만약 기 제작된 메뉴 버튼 템플릿을 활용하고자 하면, 메뉴 버튼 템플릿 파일을 불러온다 (310). 불러온 메뉴 버튼의 구조 데이터를 편집한다 (320).

메뉴 버튼의 구조 데이터의 설정 또는 편집을 마치면 메뉴 버튼 템플릿과 네비게이션 바 템플릿이 상호 결합되어 하나의 완전한 네비게이션 바가 생성된다(400). 네비게이션 바 템플릿과 메뉴 버튼 템플릿은 표준화되어 있으며, 이들의결합시 동적 결합 함수가 개입하므로, 결합 에러나 디자인상의 결함없이 결합된다.

완성된 네비게이션 바는 별도의 내보내기 처리를 통하여 웹 브라우저에 플러그인되어 있는 플래시 플레이어에 의하여 화면상에 표시될 수도 있으나, 하나하나의 처리 과정이 위지윅(WYSIWYG:What You See Is What You Get) 방식을 따를 수도 있다.

네비게이션 바의 구조 데이터 설정이나, 버튼의 구조 데이터 설정 단계에서는 네비게이션 바나 버튼의 색상, 텍스트의 폰트, 크기 등의 데이터를 편집할 수도 있다.

이상은 본 발명을 예를 들어 설명한 것으로서, 본 발명은 상술한 예에 한정되지 않으며, 본 발명의 권리는 첨부된 특허청구범위에 기재된 바에 따라 결정된다. 또한, 동 업계에 종사하는 자에 의하여 본 발명의 다양한 변형예 들이 실시될 수 있으나, 이는 모두 본 발명의 권리 범위에 속하는 것임을 명백히 한다.

이상에서 검토한 바와 같이, 본 발명에 따라 표준화 모듈과 동적 결합 함수를 활용하면, 네비게이션 바 템플릿과 버튼 템플릿의 결합이 용이하므로, 기 제작된 템플릿 파일들을 조합함으로써, 다양한 형태의 네비게이션 바를 손쉽게 제작 및 편집할 수 있는 효과가 있다.

Claims

네비게이션 바 제작 및 편집 기능이 구비된 온라인 플래시 에 있어서,

네비게이션 바 템플릿을 표준화하는 제1표준화 모듈;

메뉴 버튼 템플릿을 표준화하는 제2표준화 모듈; 및

표준화된 네비게이션 바 템플릿과 표준화된 메뉴 버튼 템플릿을 결합하는 결합 모듈을 포함하며,

상기 결합 모듈은 동적 결합 함수를 사용하여 네비게이션 바 템플릿과 메뉴 버튼 템플릿이 동적으로 결합될 수 있도록 함으로써, 템플릿이 결합되면서 발생할 수 있는 디자인상의 결함을 보완할 수 있도록 한 것을 특징으로 하는 온라인 플래시 편집시스템.
제1항에 있어서,

상기 제1표준화 모듈은 네비게이션 바의 배열 형태, 네비게이션 바의 사이즈, 네비게이션 바 안에서 메뉴 버튼을 위해 확보된 영역의 사이즈, 메뉴 버튼의 위치 또는 메뉴 버튼의 개수 등을 기준으로 표준화하며,

상기 제2표준화 모듈은 메뉴 버튼의 사이즈, 메뉴 버튼 내에 삽입될 문자열의 크기 또는 폰트의 크기 등을 기준으로 표준화하는 것을 특징으로 하는 온라인 플래시 편집시스템.
제1항 또는 제2항에 있어서,

상기 동적 결합 함수는 메뉴 버튼의 사이즈, 메뉴 버튼간의 간격, 네비게이션 바의 사이즈, 상위 메뉴 개수 및 화면상에 보여 지는 상위 메뉴 사이즈, 하위 메뉴 개수 및 화면상에 보여 지는 하위 메뉴 사이즈 및 전체 화면 크기 등을 참조하여 네비게이션 바와 메뉴 버튼을 동적으로 결합함으로써 결합시 발생하는 디자인상의 결함을 방지하는 것을 특징으로 하는 온라인 플래시 편집시스템.