Presentation is loading. Please wait.

Presentation is loading. Please wait.

3-4 폰페이지 출판하고 확인하기 AnyFTP / 시뮬레이터 무선 인터넷 프로그래밍.

Similar presentations


Presentation on theme: "3-4 폰페이지 출판하고 확인하기 AnyFTP / 시뮬레이터 무선 인터넷 프로그래밍."— Presentation transcript:

1 3-4 폰페이지 출판하고 확인하기 AnyFTP / 시뮬레이터 무선 인터넷 프로그래밍

2 폰페이지 데이터 출판하기 Mnuri 사이트에 출판하기
엠누리 홈페이지는 폰페이지 계정을 무료로 제공해주는 사이트입니다. 회원가입하면 주어지는 아이디로 계정이 설정되며 이곳에 폰페이지 데이터를 올립니다. 데이터 전송은 엠누리에서 제공하는 FTP 프로그램을 이용합니다. FTP 프로그램은 컴퓨터에 애니빌더 프로그램이 설치되어 있어야만 사용이 가능합니다. 1.엠누리 홈페이지( 에 접속한 다음 회원가입을 한 후 로그인합니다. 무선 인터넷 프로그래밍

3 폰페이지 데이터 출판하기 2.애니빌더에서 출판할 폰페이지 문서를 연 다음 ROOT 등록정보를 열고 [Site명 입력] 항목에 엠누리에서 제공하는 폰페이지 주소를 입력하고 [소스생성하기]를 실행합니다. 무선 인터넷 프로그래밍

4 폰페이지 데이터 출판하기 3. 엠누리 사이트를 연 다음 [FTP올리기] 단추를 클릭하면 나타나는 화면에서 [Mnuri FTP 올리기] 단추를 클릭합니다. 무선 인터넷 프로그래밍

5 폰페이지 데이터 출판하기 4. 회원 비밀번호를 입력하는 메시지가 나타나면 엠누리 홈페이지에 가입할 때 사용한 비밀번호를 입력한 다음 [확인] 단추를 클릭합니다. 무선 인터넷 프로그래밍

6 폰페이지 데이터 출판하기 5. FTP 프로그램이 실행되면 [내컴퓨터] 항목에서 프로젝트 파일을 저장한 폴더를 선택하고 파일과 폴더를 마우스로 드래그해서 모두 선택한 다음 [업로드] 단추를 클릭합니다. 무선 인터넷 프로그래밍

7 폰페이지 데이터 출판하기 6. 파일을 모두 올렸으면 오른쪽 화면에서 프로젝트 파일(*.apj) 파일을 클릭한 다음 [삭제] 단추를 클릭해서 파일을 삭제합니다. 무선 인터넷 프로그래밍

8 폰페이지 데이터 출판하기 [AnyFTP]로 파일 전송하기 1.애니빌더를 실행한 다음 [도구>출판하기] 메뉴를 클릭합니다.
무선 인터넷 프로그래밍

9 폰페이지 데이터 출판하기 [AnyFTP]로 파일 전송하기
2.[사이트이름] 항목에 [Mnuri회원 로그인]을 선택하고 [사용자ID]와 비밀번호를 입력한 후 [연결] 단추를 클릭합니다. 새로운 사이트에 접속할 경우에는 [새로만들기] 단추를 클릭한 다음 사이트 정보를 입력해서 접속합니다. 무선 인터넷 프로그래밍

10 폰페이지 데이터 출판하기 [AnyFTP]로 파일 전송하기
무선 인터넷 프로그래밍

11 컴퓨터에서 폰페이지 열어보기 UP.SDK4 시뮬레이터 사용하기
Openwave사의 전신인 Phone.com에서 제작한 시뮬레이터 프로그램으로 up-wml, sk-wml 문서와 WMLSCRIPT 문서를 열어 줍니다. 가장 안정적이므로 많이 사용하고 있습니다. 시뮬레이터를 실행하면 [Phone Information] 창이 열립니다. 이 창에서는 실행 과정과 문서의 소스를 보여줄 뿐만 아니라 오류가 발생할 경우 오류 위치를 표시해줍니다. SDK 시뮬레이터를 실행하는 방법은 주소입력줄에 접속할 페이지의 주소를 입력해서 [ENTER]를 누르면 접속이 가능합니다. 무선 인터넷 프로그래밍

12 컴퓨터에서 폰페이지 열어보기 UP.SDK4 시뮬레이터 사용하기 무선 인터넷 프로그래밍

13 컴퓨터에서 폰페이지 열어보기 Openwave SDK 6.2 / 7 시뮬레이터 사용하기
up-wml, sk-wml, XHTML, WML2 문서를 불러 올 수 있습니다. 애니빌더로 제작한 폰페이지를 열 경우 SDK6.2에서는 up-wml 문서를 열어 주고 SDK7은 XHTML 문서를 열어 주며 이미지는 컬러로 보여 줍니다. SDK7 에서는 WMLScript 문서를 제대로 열 수 없습니다. 무선 인터넷 프로그래밍

14 컴퓨터에서 폰페이지 열어보기 Openwave SDK 6.2 / 7 시뮬레이터 사용하기 무선 인터넷 프로그래밍

15 컴퓨터에서 폰페이지 열어보기 KUN 시뮬레이터 시뮬레이터 사용하기
KUN 시뮬레이터에서 지원하는 문서를 열어 주는 시뮬레이터 프로그램로서 애니빌더에서 M(mHTML)폴더와 K(KUN) 폴더에 있는 문서를 열 수 있습니다. KUN 시뮬레이터를 실행하면 나오는 메뉴에서 [URL]을 선택하고 [URL입력]에 URL을 입력해서 접속하면 시뮬레이터에 폰페이지가 열립니다. 무선 인터넷 프로그래밍

16 컴퓨터에서 폰페이지 열어보기 익스플로러 웹브라우저 사용하기 웹브라우저로 접속해도 폰페이지가 열립니다.
이때 열리는 문서는 [m] 폴더에 있는 mHTML 문서만 열어 줍니다. mHTML은 HTML로 제작되기 때문에 웹브라우저를 이용해서 문서 내용을 확인할 수 있습니다. 웹브라우저의 창 크기를 휴대폰 창 크기만큼 조절하면 시뮬레이터처럼 확인할 수 있습니다. 무선 인터넷 프로그래밍

17 3-5 모바일용 서버 만들기 서버 설정 무선 인터넷 프로그래밍

18 모바일용 서버 만들기 IIS 서버 구축하기 윈도우의 IIS 서버를 사용해서 ASP 문서로 제작할 경우 MIME 설정을 통해 모바일에서 사용하는 파일 형식을 입력하고 작업한 모바일 폴더를 서버 폴더로 설정해줍니다. 만일 [관리도구]에 [인터넷 정보 서비스] 아이콘이 없을 경우에는 [프로그램추가/제거]-[Windows용 구성요소 추가/제거]를 이용해서 인터넷 정보 서비스 프로그램을 설치합니다. 무선 인터넷 프로그래밍

19 모바일용 서버 만들기 IIS 서버 구축하기 [제어판]을 연 다음 [관리도구] 아이콘을 더블클릭해서 연 다음 [인터넷 정보 서비스] 아이콘을 더블클릭해서 실행합니다. [기본 웹 사이트] 목록을 오른쪽 클릭하면 나타나는 메뉴에서 [속성]을 클릭합니다. 무선 인터넷 프로그래밍

20 모바일용 서버 만들기 IIS 서버 구축하기 3. [기본 웹 사이트 등록 정보] 창이 열리면 [홈 디렉터리] 탭을 클릭한 다음 [로컬 경로] 항목에 있는 [찾아보기] 단추를 클릭하고 폰페이지 데이터가 있는 폴더를 선택합니다. 무선 인터넷 프로그래밍

21 모바일용 서버 만들기 IIS 서버 구축하기 4.[HTTP 헤드] 탭을 클릭하고 [MIME 매핑] 폴더에 있는 [파일형식] 단추를 클릭합니다. 무선 인터넷 프로그래밍

22 모바일용 서버 만들기 IIS 서버 구축하기 5.[파일 형식] 대화상자가 열리면 [새 형식] 단추를 클릭한 후 다음 내용을 입력한 후 [확인] 단추를 클릭합니다. 무선 인터넷 프로그래밍

23 모바일용 서버 만들기 IIS 서버 구축하기 6.같은 방법으로 파일 형식을 설정한 후 [확인] 단추를 클릭해서 창을 모두 닫습니다. 무선 인터넷 프로그래밍

24 모바일용 서버 만들기 IIS 서버 구축하기 연결된 확장명 컨텐트 형식 .hdml
text/x-hdml;charset=KS_C_ .nbmp image/nbmp .si6 image/sis .sis .toy image/toy .wbmp image/vnd.wap.wbmp .wml text/vnd.wap.wml .wmlc application/vnd.wap.wmlc .wmlsc application/vnd.wap.wmlscriptic .wmlscript text/vnd.wap.wmlscript .ws .wsc 무선 인터넷 프로그래밍

25 모바일용 서버 만들기 IIS 서버 구축하기 7.[기본 웹 사이트 등록 정보] 창에서 [항목시작] 단추를 클릭해서 서버 동작을 실행합니다. 무선 인터넷 프로그래밍

26 모바일용 서버 만들기 아파치 서버 구축하기 1.아파치 서버를 설치하면 [C:\user] 폴더가 생성됩니다. [C:/user/bin/conf] 폴더에 있는 [httpd.conf] 파일을 편집 프로그램을 사용해서 연 다음 ‘DocumentRoot' 옆에 폰페이지 데이터가 있는 폴더의 경로를 입력한 다음 문서를 저장합니다. 무선 인터넷 프로그래밍

27 모바일용 서버 만들기 아파치 서버 구축하기 2.[C:/user/bin/conf] 폴더에 있는 [mime.types] 파일을 편집 프로그램을 사용해서 연 후 다음 내용들을 목록별로 입력한 후 문서를 저장합니다. 무선 인터넷 프로그래밍

28 모바일용 서버 만들기 톰캣 서버 구축하기 1.윈도용용 또는 리눅스용 톰캣을 설치한 다음 설치 폴더에 있는 [Jakarta-Tomcat]-[Conf] 폴더에서 web.xml 파일을 텍스트 편집 프로그램을 열고 모바일에 사용할 파일 형식들을 등록하여 Mime 설정을 한 후 문서를 저장합니다. 무선 인터넷 프로그래밍

29 모바일용 서버 만들기 톰캣 서버 구축하기 2.톰캣 어드민 페이지에 접속한 다음 [Document Base] 항목에 폰페이지가 있는 폴더를 설정한 후 문[Save]를 눌러 저장합니다. 무선 인터넷 프로그래밍

30 시뮬레이터로 검사하기 1.애니빌더로 프로젝트를 연 다음 [ROOT] 등록정보의 [Site명 입력] 항목에 ‘ 입력하고 [파일확장자]에는 아파치서버를 사용할 경우에는 [PHP]를 선택, IIS를 사용할 경우에는 [ASP]를 선택, TOMCAT이나 RESIN,JSERV 서버를 사용할 경우에는 [JSP]를 선택한 다음 [적용]과 [닫기] 단추를 눌러 창을 닫습니다. 무선 인터넷 프로그래밍

31 시뮬레이터로 검사하기 2.[소스생성하기] 단추를 클릭하고 [확인] 단추를 클릭해서 제너레이트를 실행합니다.
무선 인터넷 프로그래밍

32 시뮬레이터로 검사하기 3.시뮬레이터를 실행한 다음 주소입력줄에 ‘ 눌러 실행하면 폰페이지가 열립니다. 무선 인터넷 프로그래밍

33 3-6 동적인 폰페이지 만들기 엠누리 게시판 서비스 / 스크립트 편집 / [서버 스크립트] 도구 / 소스 편집
무선 인터넷 프로그래밍

34 Mnuri 서비스 이용하기 엠누리 홈페이지에서는 게시판이나 방명록과 같은 서비스를 무료로 제공합니다. 이 기능을 이용하면 별도의 데이터베이스 설치 없이 손쉽게 서비스를 이용할 수 있습니다. 사용하는 방법은 해당 주소를 애니빌더의 왼쪽 버튼, 오른쪽 버튼, 숫자링크, 일반링크 등을 이용하여 링크를 설정해주면 됩니다. 공지사항 : ID 게시판  : ID 방명록  : ID 주소록  : ID   : ID 일정관리 : ID 즐겨찾기 : ID 무선 인터넷 프로그래밍

35 Mnuri 서비스 이용하기 게시판 / 방명록 / 공지사항
자유롭게 글을 남기고 볼 수 있는 서비스입니다. [게시판]은 글에 대한 답변을 달 수 있지만 [방명록]은 답변을 남길 수 없습니다. [공지사항]은 글쓰기를 실행하면 나타나는 이름과 폰번호가 운영자와 동일해야 글을 기록할 수 있습니다. 무선 인터넷 프로그래밍

36 Mnuri 서비스 이용하기 휴대폰으로 전자우편을 주고 받을 수 있도록 해주는 서비스입니다. 이 기능은 관리자만 접속이 가능하며 전자우편 POP3 서버를 등록해서 사용해야 합니다. 무선 인터넷 프로그래밍

37 Mnuri 서비스 이용하기 일정관리 / 즐겨찾기 / 주소록
일정관리는 일정을 관리해주는 서비스로서 일정을 기록하고 검색이 가능합니다. [즐겨찾기]는 폰페이지 주소를 기록해주는 게시판 서비스이고 [주소록]은 친구들의 이름, 폰 번호, 주소 등의 정보를 기록해주는 게시판입니다. 모두 운영자만 사용이 가능합니다. 무선 인터넷 프로그래밍

38 [예제 3-4-1] 게시판 만들기 엠누리에서 제공하는 게시판 서비스를 사용하려면 [숫자링크], [일반링크] 등 [URL]을 설정할 수 있는 도구를 이용해서 폰페이지에 게시판을 만들 수 있습니다. 여기서는 폰페이지에 게시판을 추가하는 방법에 대해서 알아 보겠습니다. 무선 인터넷 프로그래밍

39 연습문제 풀어 보세요! 1. 애니빌더의 제너레이트에 대한 설명 중 틀린 것을 고르세요 ( )
1. 애니빌더의 제너레이트에 대한 설명 중 틀린 것을 고르세요 (      ) ① 제너레이트는 다음에 이어서 문서 작업을 하고 싶을 경우 이제까지 작업한 내용을 저장하고 싶을 때 실행한다. ② 제너레이트를 실행하면 모바일 문서와 이미지들을 모바일에 사용할 수 있는 파일로 만들어 준다. ③ [제너레이트] 대화상자에서 제작할 모바일 언어를 선택할 수 있다. ④ [ROOT] 등록정보에서 확장자를 ASP로 선택한 다음 제너레이트를 실행했을 경우 WML 문서 파일의 확장자는 ASP로 설정된다. 무선 인터넷 프로그래밍

40 연습문제 풀어 보세요! 2.브라우저에 따라 입력양식이 어떻게 다르게 보이는지 적어 보세요. 무선 인터넷 프로그래밍

41 연습문제 풀어 보세요! 3.다음과 같은 그림 형식들이 있을 경우 통신업체에 따라 그림을 먼저 불러 오는 순서대로 나열해보세요.
wbmp, gif, jpg, sis, nbmp, 011 : 018(ME브라우저) : 무선 인터넷 프로그래밍

42 연습문제 풀어 보세요! 4.애니빌더는 동적처리라는 기능을 이용해서 작업을 편리하게 해줍니다. 애니빌더의 동적처리란 무엇을 말하는지 서술하세요. 무선 인터넷 프로그래밍

43 연습문제 만들어 보세요! 1.접속자가 011 사용자일 경우 “당신은 SKT 사용자이시네요” 라는 메시지가 출력하게 만들어 보세요. [TIP] [각 언어 부분] 스크립트 사용, [서버 스크립트] 사용 서버 스크립트 사용예 <% if markup="skwml" or markup="NGB" then response.redirect "URL" else response.redirect "URL" end if %> 무선 인터넷 프로그래밍

44 연습문제 만들어 보세요! 2.폰페이지 접속자가 100명이 넘을 경우 이벤트 메시지가 나타나게 만들어 보세요.
[TIP] [Count 증가 스크립트] 사용 무선 인터넷 프로그래밍

45 연습문제 만들어 보세요! 3.애니빌더의 서버스크립트에 여러분이 제작한 스크립트를 등록해 보고 폰페이지에 제대로 동작하는지 확인해 보세요. 무선 인터넷 프로그래밍


Download ppt "3-4 폰페이지 출판하고 확인하기 AnyFTP / 시뮬레이터 무선 인터넷 프로그래밍."

Similar presentations


Ads by Google