10.3 플래시쇼 개요

 

동영상보기

---

 0) 플래시쇼 설치

 1) 플래시쇼 개요

 2) 플래시쇼 관리

 3) 플래시쇼 상세설정

 4) 구성요소 상세관리

---

1) 플래시쇼 설치

맨위로

 

 

 

  가. 플래시쇼설치 파일을 저장할 공간 확보

   (1) "cd /etc/shttpd/icons/app/"를 입력하여 위치를 이동합니다.

   (2) "mkdir tmp"를 입력하여 tmp 폴더를 생성합니다.

   (3) “cd tmp"를 입력하여 "tmp"폴더로 이동합니다.

  나.  쎄지오설치 파일 다운 & 설치

   (1) 플래시쇼설치 파일 다운

     - “wget http://file.segio.com/kr/showsetup.tar.gz”를 작성하여 “/ets/shttpd/icons/app/tmp/"폴더로 다운받습니다.

 

   (2). /etc/shttpd/icons/app/tmp에 showsetup.tar.gz가 저장되었으면 압축을 해제합니다.
     - tar -xvzf showsetup.tar.gz

 

   (3) /etc/shttpd/icons/app/tmp에 setup이라는 폴더가 생성됩니다.

 

   (4) /etc/shttpd/icons/app/tmp/setup 폴더 안에 있는 setup.bin을 실행합니다.
      -./setup.bin

 

 

 

1) 플래시쇼 개요

맨위로

 

 

가. 플래시쇼란?

  메인페이지 또는 서브페이지에 들어가는 플래시파일은 여러 작업을 거쳐서 완성됩니다. 기존에는 관리자가 플래시프로그램을 사용하여 이미지에 효과를 넣고, 문구에 색상과 효과를 넣는 등 많은 수작업과 시간이 소요되는 번거러움이 있었고, 사용자에게 일반화되지 않은 한계가 있었습니다.

  플래시쇼는 관리자가 플래시파일을 생성하는데 적은 수작업과 짧은 시간이 소요되도록 하였고, 한번의 템플릿 생성만으로 이후 사용자는 플래시프로그램이 없고, 플래시에 대한 지식이 없어도 이미지 및 문구 색상, 효과를 쉽고 빠르게 수정할 수 있도록 일반화 하였습니다.

나. 구성요소란?

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

다.  주요기능

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

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

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

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

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

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

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

2) 플래시쇼 관리

맨위로

 

 

가. 템플릿 설치

   (1) 플래시쇼의 왼쪽 상단에 있는 “연필”을 클릭하면 “플래시쇼 관리도구”페이지가 새 창으로 열립니다. 연필툴은 9등급 관리자, 9등급관리자기 지정한 관리자만 사용할 수 있습니다.

 

 

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

 

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

  

(3) 기본템플릿을 선택하여 플래시쇼를 생성합니다.

 

나. 플래시쇼 목록

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

 

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

 

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

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

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

 

다.  플래시쇼 삭제

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

 

라. 플래시쇼 설정값 수정

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

 

 

3) 플래시쇼 상세설정

맨위로

 

 

 

  구성요소란 플래시쇼를 구성하는 세분화된 개체를 말합니다.

구성요소 종류는 다음과 같습니다.

 

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

 

가. 환경설정하기

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

 

나. 결과미리보기

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

 

다. 구성요소삭제

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

 

라. 활성/비활성

 

  특정 요소를 체크박스로 선택한 후 “활성”버튼을 클릭하면 플래시쇼에 나타나고, “비활성”버튼을 클릭하면 플래시쇼에서 사라집니다.

 

마. 기본값 복원

  “기본값 복원”이란 사용자가 템플릿을 선택하여 플래시쇼를 생성했을 경우 선택한 템플릿의 처음 상태로 값이 초기화되는 기능을 의미합니다. “기본값 복원” 버튼을 클릭하면 안내문구가 나오고 “확인” 버튼을 클릭 시 초기화되며 “취소”버튼을 클릭 시 현재 값을 유지합니다.

 

4) 구성요소 상세관리

맨위로

 

 

 가. 배경이미지 관리

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

 

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

 

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

 

 

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

 

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

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

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

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

 

 

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

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

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

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

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

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

 

나.  오른쪽트랙 관리

     (1) 오른쪽트랙 추가 

 

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

 

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

 

 

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

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

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

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

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

 

 

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

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

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

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

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

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

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

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

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

          추가됩니다.

 

    

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

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

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

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

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

 

 

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

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

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

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

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

 

다.  동적트랙 관리

     (1) 동적트랙 추가

  동적트랙은 플래시쇼에 동적인 요소를 부각시키기 위한 트랙으로 swf파일(플래시 파일)을 사용합니다. “등록”버튼을 클릭하면 동적트랙이 추가됩니다. 동적트랙 내의 swf파일은 우선 동적트랙을 만든 후 추가할 수 있습니다. 즉, 동적트랙이라는 빈바구니를 우선 생성한 후 빈바구니 안에 swf파일이라는 상품을 넣는다고 이해하면 됩니다. “취소”버튼을 클릭하면 “플래시쇼 관리도구 리스트” 페이지로 이동합니다.

 

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

 

 

     (2) 동적트랙에 기본플래시파일 추가

       ① 생성된 “동적트랙”의 “제목”을 클릭하면 플래시파일(swf)을 추가할 수 있습니다.

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

       ③ 플래시파일(swf)을 선택한 후 “저장” 버튼을 클릭하면 “동적트랙”에 이미지가 추가됩니다.

 

 

       ④ “파일명”을 클릭하면 해당 플래시파일이 미리 보여집니다.

       ⑤ URL, x-좌표, y-좌표, 너비, 높이 값을 입력한 후 “사용여부”를 체크합니다.

           너비, 높이를 입력하지 않으면 원래크기로 보입니다.

       ⑥ “저장”버튼을 클릭하면 기본플래시파일(swf)이 동적트랙에 추가됩니다.

 

 

     (3) 기본트랙에 사용자플래시파일 추가

       사용자의 컴퓨터에 있는 플래시파일(swf)를 “동적트랙”에 추가할 수 있습니다.

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

       ② 추가할 플래시파일(swf)를 선택한 후 “열기”버튼을 클릭합니다.

       ③ “업로드” 버튼을 클릭하면 플래시파일(swf)이 업로드되어 미리보기 영역에 나타납니다.

       ④ URL, x-좌표, y-좌표, 너비, 높이를 작성한 후 “사용여부”를 선택합니다. “저장”버튼을 클릭하면 플래시파일이

           “동적트랙”에 추가됩니다.

 

 

     (4) 동적트랙의 플래시파일 삭제

       추가된 플래시파일을 선택한 후 삭제할 수 있습니다.

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

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

       ③ 선택된 플래시파일이 삭제됩니다.

 

 

     (5) 동적트랙의 플래시파일 수정(기본플래시)

       플래시파일(swf)을 선택한 후 수정할 수 있습니다.

       ① 수정할 플래시파일의 “파일명”을 클릭합니다.

       ② “플래시수정” 창이 열리면 기본플래시파일(swf)를 선택합니다.

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

 

 

     (6) 동적트랙의 플래시파일 수정(사용자플래시)

       플래시파일(swf)을 선택한 후 수정할 수 있습니다.

       ① 수정할 플래시파일의 “파일명”을 클릭합니다.

       ② 플래시수정 창이 열리면 찾아보기버튼을 선택합니다.

       ③ 수정할 플래시파일을 선택합니다.

       ④ “업로드버튼을 클릭하면 내컴퓨터(사용자컴퓨터)의 플래시 파일이 서버로 업로드되고, 미리보기 영역에 나타납니다.

       ④ 저장 버튼을 클릭합니다.