메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

<< 제로보드 FLASH 공지사항 만들기 (1) >>

예전에 제가 올린 월간 하우PC 야웅칼럼에 올렸던 자료인데요.....
제로보드를 플래시로 구현하는 방법을 메일로 문의하시는 분들이 많아서....
이전의 자료를 정리해서 올립니다. (말이 좀 딱딱하더라도 이해부탁드려요..^^)

플래시를 전혀 모르는 이들을 위하여 따라하기 형식으로 쉽게 설명한 내용이니....공부하시는데 조금이라도 도움이 되시기를...^^
(초보자용이라 Step이 총 8개입니다.)

미리보기를 원하시면 다음을 먼저 살펴보세요.
http://yawoong.com/nzeo.html



Step 1. 플래시 게시판은 어떻게 만들까?
제로보드의 게시판 내용들을 플래시로 구현하기 전에 먼저 어떤 원리로 플래시 게시판이 가능한지에 대해서 알아보도록 하겠습니다. 플래시 5.0에서 구현 가능한 게시판형식은 플래시만의 독립적인 기능보다는 외부 프로그램과 연계하여 특정변수를 받아와 화면에 보여주는 경우가 대부분입니다.

그럼 게시판에서 어떤 변수값이 사용되는지에 대해서 살펴보도록 하겠습니다.

① 게시판 리스트 비교

< 제로보드 게시판 >


< 플래시 게시판 >



② 게시물 내용비교


< 제로보드 게시판 >


< 플래시 게시판 >

위에서 살펴 보았듯이 제로보드 게시판은 프로그램의 결과물을 화면에 출력하기 위하여 특정한 변수들을 사용하고 있습니다. (대부분의 게시판 프로그램이 특정 변수를 사용하여 결과물을 처리한다.)
제로보드의 경우  번호(number), 제목(subject), 내용(memo), 이름(name), 날짜(date)....등의 변수를 사용하여 화면에 표시할 것입니다.

자! 그럼 위의 변수값만 가지고 플래시 게시판을 만들 수 있을까요?
물론입니다. 앞에서도 잠깐 언급을 했지만 플래시 게시판은 플래시내에서 독립적인 프로그램이 돌아가는 것이 아니라 게시판에 대한 처리는 외부 프로그램에서 처리가 되고 플래시는 단지 결과값을 화면에 보여주거나 특별한 효과를 보여줄 뿐입니다.
그렇기 때문에 기본적인 플래시 프로그램을 만들기 위해서는 각 프로그램과 변수에 대한 대화가 이루어져야 합니다. 다시말해, 변수를 불러오고 (화면에 표시), 변수를 보내는(글쓰기)형식의 대화가 이루어 져야 합니다.



③ 외부에서 불러온 변수를 플래시에서 표현


외부에서 불러온 변수값을 플래시무비의 화면에 표시하기 위해서는 텍스트 필드의 Dynamic Text에서 동일한 변수(Variable)를 설정하여 표현할 수 있습니다.


Step 2. 플래시를 위한 최근 게시물을 추출해보자.
이번 장에서는 플래시에서 제로보드 게시물의 리스트와 내용을 보여주기 위하여 게시판에서 최근 게시물을 추출하는 별도의 PHP파일을 만들어 보도록 하겠습니다.

① 다음의 스크립트는 플래시에서 사용하게될 최근 5개 게시물에 대한 번호, 제목, 내용, 이름, 날짜를 각각 별도의 이름으로 추출하는 스크립트입니다. 다음과 같이 스크립트를 작성하고 Ynews.php라는 파일로 저장하기 바랍니다.

PHP언어를 알고 있는 독자라면 다음의 스크립트를 해석하는데 큰 어려움이 없겠지만, 모르는 독자라도 걱정할 필요는 전혀 없습니다. 파일을 작성하고 수정이 필요한 부분과 플래시에서 사용되는 부분에 대해서 유심히 살펴보기만 하면 됩니다. 자! 그럼 다음의 스크립트중에서 플래시에서 꼭 필요한 부분만 이해하고 넘어가 보도록 하겠습니다.

<?
$connect=mysql_connect("localhost","id","pass");
mysql_select_db("dbName");
$id = test;
$myTitle = "Flash Notice";
$result = mysql_query("select * from zetyx_board_$id order by no desc limit 5");
$i = 1;
while($data = mysql_fetch_array($result))
{
        $no = $data[no];
        $subject = stripslashes($data[subject]);
        $memo = stripslashes($data[memo]);
        $name = $data[name];
        $date = date("m/d",$data[reg_date]);
        echo "&number".$i."=".$no."";
        echo "&subject".$i."=".$subject."";
        echo "&memo".$i."=".$memo."";
        echo "&name".$i."=".$name."";
        echo "&date".$i."=".$date."";
$i ++;
}
mysql_close($connect);
echo "&myTitle=".$myTitle."";
echo "&complete=1";
?>

((설명))
① (Line 2~3) :
$connect=mysql_connect("localhost","id","pass");
mysql_select_db("dbName");
→ mysql DB 접속에 관한 환경설정으로 본인의 MYSQL에 대한 계정 정보로 바꾸어 준다.
localhost(호스트명), id(아이디), pass(비밀번호), dbName(mysql db이름)일반적으로 제로보드를 처음 설치할때에 기입한 정보로 수정하면 된다.
② (Line 4) :
$id = test;
→ 게시물을 추출할 게시판 아이디 설정으로 사용할 게시판의 이름(test)을 독자가 원하는 게시판이름으로 바꾸어 준다. (만약 추출할 게시판의 아이디가 notice라면 $id = notice;로 변경하면 된다.)
③ (Line 5)
$myTitle = "Flash Notice";
→ 완성된 플래시무비에서 보여질 타이틀(제목)이 되는 부분으로 무비에 보여지기를 희망하는 글자(‘Flash Notice’부분)로 변경해 준다.
④ (Line 15~19, 24)
echo "&number".$i."=".$no."";
echo "&subject".$i."=".$subject."";
echo "&memo".$i."=".$memo."";
echo "&name".$i."=".$name."";
echo "&date".$i."=".$date."";
echo "&myTitle=".$myTitle."";
→ 플래시에서 사용될 변수들(number, subject, memo, name, date, myTitle)를 echo문을 이용하여 출력하는 부분이다. 여기에서 유심히 살펴봐야 할 부분은 각각의 ‘변수(i)=값’이 &로 연결되어 출력이 된다는 점이다. 변수 &i값은 while반복문을 통하여 각각의 변수에 숫자값을 더하여 출력 해준다. (number1, number2, number3,...number5)
⑤ (Line 24)
echo "&complete=1";
→ 플래시에서 이 파일로부터 로딩이 완료되었는지를 체크하기 위하여 임의의 변수(complete=1)를 지정하여 출력하는 내용이다.


② 자! 이제 플래시에서 사용될 변수를 추출하는 스크립트가 완성되었습니다. 그럼 올바르게 작동되는지 여러분의 계정에 파일을 올린다음 파일을 호출하여 눈으로 직접 확인해 보도록 하겠습니다. (예 http://yawoong.com/Ynews.php )



내용이 다소 복잡하게 보일지 모르지만 화면에 출력되어진 내용은 의외로 간단한 결과물입니다. 플래시에서 사용될 변수이름과 내용을 각각 ‘&’로 연결하여 출력한 것입니다. (number1=번호&number2=번호&....number5=번호&memo1=내용&memo2=내용&....memo5=내용&)

우린 이렇게 출력되는 결과물(&로 연결되어진 변수명과 내용)들을 플래시내의 텍스트 필드를 통하여 보여주게 될 것입니다. 자! 그럼 다음 단계를 통하여 Ynews.php문서에서 출력되는 내용을 플래시에서 표현해 보도록 하겠습니다.


>>계속...

아래한글 문서를 웹문서로 변환하는 것도 꽤 시간이 걸리네요..(제로보드는 테이블이 적용이 안되네요) ^^;;
다음의 내용도 곧 정리해서 올리도록 하겠습니다.
아무쪼록 유용하게 사용하시기를 바라며........

Step 3. 외부 데이터를 플래시로 불러오는 방법
Step 4. 리스트 출력과 모션효과로 멋내기
Step 5. 게시물 내용과 뒤로가기 버튼 만들기
Step 6. 스크롤 버튼 만들기
Step 7. 투명버튼으로 링크 걸기
Step 8. 사운드 효과음으로 마무리하기



- 야웅올림 -
번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48029
95 펼침메뉴 [12] file 한태종 2007.01.22 11091
94 동영상,플래시,액션,평가문항-다양하게 활용 file 에듀멘 2007.02.05 5064
93 플래쉬메뉴2 - 조용히 확대-ㅅ-?;; file 한태종 2007.02.06 9392
92 강이지똥,소나기,팝송,인터넷중독예방 플래시 윤선미 2007.02.09 8734
91 아름다운 대한민국 플래시,렉토라강좌 윤선미 2007.02.12 7914
90 이미지를 자기만의 Shape로 만들어보자! (Define Custom Shape) [9] file endless 2007.02.14 10902
89 아래 두개올린것을 믹스한겁니다~ㅎ [2] file 한태종 2007.02.14 6281
88 플래시비디오mx,글란다2007,뷰렛빌더5 강좌[템플릿갤러리] 에듀멘 2007.02.16 4578
87 깔끔한 화이트 버튼만들기 [첫강좌] [3] file 박선경 2007.02.22 11237
86 비틀즈명곡,음악줄넘기 특기적성,다양한 액션버튼포함 [1] file 에듀멘 2007.02.23 6974
85 사진보정입니다. [1] file 이현숙 2007.02.24 8133
84 [드림위버]드림위버에서 삽입된 플래시의 배경을 투명하게 하기 [1] file port 2007.02.24 5271
83 [팁]작업창이 상단메뉴바까지 올라가서 옮길수 없을때 [8] file port 2007.02.26 5628
82 아래 만든메뉴 mx2004 버젼입니다 [1] file 한태종 2007.02.26 7713
81 파원포인트강좌,스위시맥스강좌 file 에듀멘 2007.02.27 5933
80 포토샵 CS2에서 레이어 사이의 링크기능 사용하기 [2] port 2007.03.02 9622
79 [나모]나모 웹에디터 2006 도움말 port 2007.03.05 5861
78 모든동영상 ->swf.flv로 변환[강창완선생님] [1] 에듀멘 2007.03.08 6359
77 실용예제, 4분내에 '사과' 그리기. [1] 점점 2007.03.14 7750
76 플래시에서 사진을 업로드하여 바로 미리보기 할수 있을까요? [2] file 최진영 2007.03.16 9235