플래시쇼 관리1

동영상보기

---

• 플래시쇼 개요
• 플래시쇼 관리도구
• 플래시쇼 상세설정
• 구성요소 상세관리

---

1) 플래시쇼 개요

맨위로

 

 

 

■ 개요

 메인페이지 또는 서브페이지에 들어가는 플래시파일은 여러 작업을 거쳐야 완성됩니다. 기존에는 관리자가 플래시프로그램을 사용하여 이미지를 넣고, 문구에 여러 가지 색상과 효과를 넣는 등 많은 작업과 전문성이 요구되었고, 일반사용자가 다루기 어려운 한계가 있었습니다.
 플래시쇼는 관리자가 플래시파일을 생성하는데 적은 수작업과 짧은 시간이 소요되도록 하였고, 플래시프로그램이 없고, 플래시에 대한 지식이 없어도 이미지 및 문구 색상, 효과를 쉽고 빠르게 수정할 수 있도록 일반화 하였습니다.

 

 

■ 플래시쇼 생성과정
 1) 쎄지오 템플릿을 설치하면 기본적으로 템플릿에 어울리는 플래시쇼가 세팅되어 있습니다.
 2) 관리자로 로그인한 후 관리페이지로 들어가 배경이미지, 움직이는이미지, 플래시이미지, 문구, 고정이미지를 새롭게 추가 또는 수정/삭제를 합니다.
 3) 추가/수정 시 플래시 프로그램을 사용하지 않고도 준비된 이미지/플래시파일을 업로드하여 추가할 수 있고, x-좌표와 y-좌표를 수정하거나 다양한 효과를 선택하여 플래시쇼에 적용할 수 있습니다.
 4) 미리보기 기능을 이용하여 관리자가 수정한 내역을 미리 확인합니다.
 5) 메인페이지를 새로고침하면 새로운 이미지 및 설정값이 적용된 플래시쇼를 확인할 수 있습니다.

 

■ 플래시쇼 사용방법
 플래시쇼는 메인플래시와 서브플래시로 나눌 수 있습니다. 메인플래시는 사이트의 메인페이지에 보여지는 플래시로써 주로 "mainflash"라는 아이디로 하나를 갖게 됩니다. 서브플래시는 사이트의 서브페이지에 보여지는 플래시로써 주로 “sub1", "sub2" 등 이라는 아이디로 여러개를 만들어 사용합니다. 관리자페이지의 설정페이지에서 플래시쇼 아이디를 생성/수정/삭제를 할 수 있고, 생성된 플래시쇼 아이디는 cms 관리도구에서 메인플래시 및 서브플래시로 설정하여 사용합니다.

 

가. 구성요소

구성요소란 플래시쇼를 구성하는 이미지, 플래시파일, 문구 개체로써 여러 개의 구성요소가 모여 하나의 플래시쇼를 이루게 됩니다.

등록된 구성요소는  배경 , 움직이는이미지(빠르게 바뀌는 이미지트랙 , 느리게 바뀌는 이미지트랙) ,  고정이미지  , 플래시  ,  문구(메인문구, 서브문구) 순으로 정렬됩니다.

또한, 등록된 순서에 따라 움직이는 이미지는 "빠르게 바뀌는 이미지 트랙", "느리게 바뀌는 이미지 트랙" 으로 구분되어 저장되며 문구는 "메인문구", "서브문구"로 구분되어 저장됩니다. 

 

 

나.  주요기능

   (1) 사용자가 웹상에서 마음에 드는 템플릿을 다운받아 손쉽게 설치.

   (2) 사용자가 설치한 플래시쇼 템플릿의 구성요소를 마음대로 수정.

   (3) 사용자의 컴퓨터에 있는 배경, 인물, 건물, 자연이미지 등 이미지를 자유롭게 플래시쇼에 추가할 수 있을 뿐만 아니라 동적인 플래시파일(swf)도 플래시쇼에 추가 가능.

   (4) 슬로건 문구의 내용과 색상을 자유롭게 수정.

   (5) 플래시의 크기를 손쉽게 수정이 가능.

   (6) 플래시 안에 있는 이미지나 플래시파일의 위치를 마음대로 이동 가능.

   (7) 플래시를 미리 여러 개를 만들어 놓은 후 언제든지 선택하여 사용할 수 있음.

   

2) 플래시쇼 관리도구

맨위로

   (1) 플래시쇼의 왼쪽 상단에 있는 연필모양의 아이콘을 클릭하면 “플래시쇼 관리도구”페이지가 새 창으로 열립니다. 이 관리도구는 인트라셀의 관리자와 플래시쇼 관리자로 지정된 사용자만 사용할 수 있습니다.  연필툴을 클릭 시 플래시쇼 관리도구 창이 열립니다.

 

 

 

  (2) “쇼목록 보기”버튼을 클릭하면 “플래시쇼 목록”페이지로 이동합니다.

 

 

 

ID	생성될 플래시쇼의 고유 아이디(중복되지 않는 값)
제목	플래시쇼를 설명해주는 글
관리자	플래시쇼를 관리할 권한이 부여된 사용자의 ID. 여러 명을 등록할 수 있고, 공백으로 구분
기본템플릿	미리 만들어져 있는 플래시쇼 템플릿으로 하나를 선택할 수 있음.
가로크기/세로크기	플래시쇼의 가로/세로 크기(픽셀)

  

(3) 기본템플릿을 선택하여 플래시쇼를 생성합니다. "저장" 버튼 클릭 시 입력한 아이디 값으로 플래시쇼가 생성됩니다.

 

 

 

 

가. 플래시쇼 목록

“플래시쇼 목록”페이지에서는 생성되어 있는 플래시쇼 리스트를 확인할 수 있습니다.

 

ID	각 플래시쇼의 고유 아이디
제목	각 플래시쇼를 설명해주는 글
관리자	각 플래시쇼를 관리할 권한이 부여된 사용자의 ID

 

추가버튼 : “플래시쇼 생성”페이지로 이동합니다.

취소버튼 : 이전페이지로 이동합니다.

삭제버튼 : 특정 플래시쇼를 선택한 후 삭제합니다.

 

 

나.  플래시쇼 삭제

  “플래시쇼 목록”페이지에서는 생성되어 있는 플래시쇼를 삭제할 수 있습니다. 삭제하려는 플래시쇼 ”ID” 앞에 위치한 체크박스를 선택하고, “삭제”버튼을 클릭하면 선택된 플래시쇼가 삭제됩니다. 템플릿에서 제공하는 기본 “ID”인 경우 “플래시쇼 관리”페이지의 “기본값복원”버튼을 통해 되살릴 수 있으나 사용자에 의해 생성된 플래시쇼이거나 기본템플릿을 사용자가 수정한 플래시쇼인 경우 삭제 시 되살릴 수 없으니 되도록이면 “삭제”보다는 “수정”을 하는 것이 좋습니다.

 

 

다. 플래시쇼 설정값 수정

ID	각 플래시쇼의 고유 아이디
제목	각 플래시쇼를 설명해주는 글
관리자	각 플래시쇼를 관리할 권한이 부여된 사용자의 ID
메모	자세한 설명글을 입력
가로크기/세로크기	플래시쇼의 가로/세로 크기(픽셀)

 

 "ID"를 클릭하면 해당 플래시쇼의 설정값 수정페이지로 이동합니다.

 

 

 

 

 

 

 

3) 플래시쇼 상세설정

맨위로

 

 

 

  구성요소란 플래시쇼를 구성하는 세분화된 개체를 말합니다. 구성요소 종류는 다음과 같습니다.

 

배경	플래시쇼의 배경 이미지입니다.(jpg, png,.jpg)
트랙	오른쪽트랙	주로 오른쪽에 위치하고, 순차적으로 이미지가 바뀌는 효과를 갖습니다.(png)
	왼쪽트랙	주로 왼쪽에 위치하고, 마스크효과와 순차적으로 이미지가 바뀌는 효과를 갖습니다.(png)
	동적트랙	플래시쇼에 동적인 효과를 주는 요소로 사용자가 위치를 자유자재로 바꿀 수 있습니다.(swf)
문구	메인문구	한 글자씩 색상을 넣을 수 있는 동적인 문구입니다.
	서브문구	전체 색상을 지정할 수 있는 정적인 문구입니다.
고정이미지	제일 앞쪽으로 보이는 정적인 이미지이고, 여러 개를 사용할 수 있습니다.(png)

 

 

  - 설정 : 제목, 관리자, 메모, 가로/세로 크기를 설정할 수 있습니다.

  - 미리보기 : 구성요소가 하나로 묶여진 결과를 미리볼 수 있습니다.

  - 삭제 : 선택된 구성요소를 삭제합니다.

  - 활성 : 선택된 구성요소가 플래시쇼에 보여집니다.

  - 비활성 : 선택된 구성요소가 플래시쇼에서 사라집니다.

  - 추가 : 구성요소를 추가합니다.

가. 환경설정하기

  해당 플래시쇼의 제목, 메모, 가로크기, 세로크기를 수정할 수 있습니다.  “ID”, “관리자 지정”은 인트라셀 관리자가 수정할 수 있습니다. 수정사항을 입력한 후 “저장”버튼을 클릭하면 설정값이 해당 플래시쇼에 적용된 후 , “플래시쇼 관리도구”페이지로 이동합니다. “취소”버튼을 클릭하면 설정값 변경없이 “플래시쇼 관리도구” 페이지로 이동합니다.

 

 

 

 

나. 결과미리보기

“미리보기” 기능을 통해 각 트랙이 하나로 묶였을 경우 어떻게 보이는지 확인할 수 있습니다. “미리보기” 버튼을 클릭하면 새 창으로 “미리보기”페이지가 열립니다. 각 트랙의 위치, 속성적용결과를 확인한 후 “닫기” 버튼을 클릭하여 “미리보기 창”을 닫을 수 있습니다.

 

 

 

 

다. 구성요소삭제

“삭제” 기능을 통해 특정 요소를 단일 또는 다중 선택하여 삭제할 수 있습니다. 삭제할 요소를 체크박스로 선택한 후 “삭제”버튼을 클릭하면 경고창이 열립니다. “확인”버튼 클릭 시 선택된 요소가 삭제되고, “취소”버튼 클릭 시 아무런 변화가 일어나지 않고 경고창이 닫힙니다.

 

 

 

라. 활성/비활성

  - 체그박스에 체크한 후 "활성"버튼을 클릭하면 체크된 구성요소가 플래시쇼에 나옵니다. "비활성"버튼을 클릭하면 체크된 구성요소가 플래시쇼에서 사라집니다.

 

 

 

 

 

4) 구성요소 상세관리

맨위로

 

 

 가. 배경이미지 관리

     (1) 배경추가(기본이미지)

 

ID	플래시쇼 고유 아이디
구분	트랙의 종류로써 배경, 오른쪽트랙, 왼쪽트랙, 동적트랙, 문구, 고정이미지.
제목	특징, 사용처 등 현재의 플래시쇼에 대해 설명해주는 글
X-좌표	배경이미지의 x좌표(픽셀). 기본값은 0
Y-좌표	배경이미지의 y좌표(픽셀). 기본값은 0
가로크기	배경이미지의 가로크기(픽셀)
세로크기	배경이미지의 세로크기(픽셀)
사용여부	체크박스에 체크를 할 경우 배경이미지가 플래시쇼에 나타남 기본값은 체크

 

  “취소”버튼을 클릭하면 “플래시쇼관리리스트” 페이지로 이동합니다. “추가”버튼을 클릭하면 배경이미지를 선택할 수 있습니다.

 

 

 

 

기본이미지 추가	플래시쇼에 기본적으로 내장되어 있는 이미지를 사용
사용자이미지 추가	사용자의 컴퓨터에 있는 이미지를 업로드하여 사용

 

① “추가”버튼을 클릭합니다.

② “기본이미지”영역에서 이미지를 고른 후 클릭을 하면 오른쪽 미리보기 영역에 선택한 이미지가 보입니다.

③ “저장”버튼을 클릭하면 기본이미지가 선택된 것을 확인할 수 있습니다.

④ “등록”버튼을 클릭하면 플래시쇼에 사용자가 선택한 기본이미지가 추가됩니다.

 

 

 

 

 

     (2) 배경추가(사용자이미지)

       ① “추가”버튼을 클릭합니다.

       ② “찾아보기”버튼을 클릭하여 사용자의 컴퓨터에 있는 이미지를 선택한 후 “열기”를 클릭합니다. 이때 플래시쇼의

           크기와 이미지의 크기가 같도록 합니다.

       ③ “업로드”버튼을 클릭한 후 “저장”버튼을 클릭합니다. “업로드”버튼을 클릭하면 이미지를 미리볼 수 있습니다.

       ④ “등록”버튼을 클릭하면 플래시쇼에 사용자의 컴퓨터에 있는 특정 이미지가 플래시쇼에 추가됩니다.

 

 

 

 

 

나.  움직이는 이미지트랙 관리

     (1) 움직이는 이미지트랙 추가 

 

ID	플래시쇼 고유 아이디
구분	트랙의 종류로써 배경, 오른쪽트랙, 왼쪽트랙, 동적트랙, 문구, 고정이미지.구분을 선택하면 선택된 구분에 대응하는 입력페이지로 이동. (트랙의 종류 별 입력폼이 서로 다름)
사용여부	체크 시 플래시쇼에 보여지고, 체크하지 않을 시 플래시쇼에서 사라짐
자동비율사용여부	플래시쇼 크기에 자동으로 비율을 맞추어줌(단, 이미지가 조금 깨져보일 수 있음)
제목	특징, 사용처 등 현재의 플래시쇼에 대해 설명해주는 글

 

  “등록”버튼을 클릭하면 오른쪽트랙이 추가됩니다. 오른쪽트랙 내의 이미지는 우선 오른쪽트랙을 만든 후 추가할 수 있습니다. “취소”버튼을 클릭하면 “플래시쇼 관리도구 리스트” 페이지로 이동합니다.

 

 

  

 

 

 

    (2) 오른쪽 트랙에 기본이미지 추가

       플래시쇼에 내장되어있는 기본 이미지를 “오른쪽트랙”에 추가할 수 있습니다

       ① 생성된 “오른쪽트랙”의 “제목”을 클릭하면 이미지를 추가할 수 있습니다.

       ② “이미지 추가”버튼을 클릭하면 “이미지 추가” 창이 새 창으로 열립니다.

       ③ 이미지를 선택한 후 “저장” 버튼을 클릭하면 “오른쪽트랙”에 이미지가 추가됩니다.

 

 

 

 

 

       ④ “제목”을 클릭하면 이미지를 추가할 수 있습니다.

       ⑤ x-좌표, y-좌표, 너비, 높이 값을 입력한 후 “효과”를 선택합니다.

       ⑥ “저장”버튼을 클릭하면 기본이미지가 오른쪽트랙에 추가됩니다.

     (3) 오른쪽 트랙에 사용자이미지 추가

       사용자의 컴퓨터에 있는 이미지를 “오른쪽트랙”에 추가할 수 있습니다.

       ① “찾아보기” 버튼을 클릭합니다.

       ② 추가할 이미지를 선택한 후 “열기”버튼을 클릭합니다.

       ③ “업로드” 버튼을 클릭하면 이미지가 업로드되어 미리보기 영역에 나타납니다.

       ④ x-좌표, y-좌표, 너비, 높이를 작성한 후 “효과”를 선택합니다. “저장”버튼을 클릭하면 이미지가 “오른쪽트랙”에

          추가됩니다.

 

 

 

 

    

    (4) 오른쪽트랙의 이미지 삭제

       추가된 이미지를 선택한 후 삭제할 수 있습니다.

       ① 삭제할 이미지의 체크박스를 체크한 뒤 “이미지 삭제”버튼을 클릭합니다.

       ② 확인메시지의 “확인” 버튼을 클릭합니다. “취소”버튼을 누르면 확인메시지 창이 닫힙니다.

       ③ 선택된 이미지가 삭제됩니다.

 

 

 

 

     (5) 오른쪽트랙의 이미지 수정

       - 이미지를 선택한 후 수정할 수 있습니다.

       ① 수정할 이미지를 클릭합니다.

       ② “이미지수정” 창이 열리면 기본이미지를 선택합니다.

       ③ 상세내역을 수정한 후 “저장” 버튼을 클릭합니다.