Step by Step: Windows Mobile 6.5 위젯 개발하기

기술 자료: 979626 - 이 문서가 적용되는 제품 보기.
그림 축소그림 확대
Step by Step
Step by Step 기술 자료 모두 보기
Twitter로 보내기  Facebook으로 보내기  me2DAY로 보내기  

모두 확대 | 모두 축소

개요

Windows Mobile 용 애플리케이션을 개발하려면 VC++를 이용해서 네이티브 애플리케이션을 개발하거나, C#과 같은 언어를 이용해서 .NET 애플리케이션을 개발해야 했습니다. Windows Mobile 6.5에서는 HTML과 JavaScript를 기반으로 웹 페이지 기반의 가벼운 애플리케이션을 실행할 수 있도록 위젯(Widget)을 새롭게 지원합니다.

위젯은 Windows Vista에서 소개된 가젯(Gadget)과 비슷한 개념으로 Windows Mobile 장치에서 실행될 수 있는 웹 페이지 기반의 애플리케이션을 말합니다. 별도의 컴파일 과정이 필요없으며, 특히 AJAX를 이용해서 XML Web Service와 연동시 날씨나 증권, 교통, 뉴스 등 다양한 정보를 사용자에게 제공하는 애플리케이션을 개발할 수 있습니다.

이 문서에서는 간단한 위젯을 만들고, 이를 Windows Mobile 6.5 장치에 배포하고 실행하는 방법에 대해서 설명합니다.

사용 방법

단계 1: HTML 페이지 만들기

먼저 위젯에서 사용할 HTML 페이지를 만듭니다.

일반적인 웹 페이지를 만드는 방법과 동일하게 UI로 표시되는 부분을 HTML 태그와 CSS 스타일 시트를 이용해서 작성합니다.
웹 페이지에서 발생하는 이벤트에 대한 처리나 실행 로직은 JavaScript로 작성하면 됩니다.
  1. 작성한 파일을 저장할 폴더를 새로 만듭니다. 예를 들어 임의의 위치에 Hello라는 폴더를 생성합니다.
  2. 메모장이나 HTML 편집기 등을 이용해서 다음과 같이 HTML 페이지를 작성합니다.

    hello.htm
    <html> 
    <head> 
          <title>Hello, Widget!</title> 
    </head> 
    
    <body> 
    Welcome to Widget world.
    <br />
    <input type="button" value=“Click”
    name="btnClick" onclick="javascript:alert('Hello, Widget!');" />
    </body> 
    
    </html>
    
  3. 작성된 내용을 hello.htm이라는 파일명으로 앞에서 생성한 폴더에 저장합니다.

단계 2: 매니페스트 파일 만들기

매니페스트 파일은 작성된 위젯에 대한 메타데이터 및 환경 설정 정보를 포함하는 XML 파일입니다. 반드시 config.xml 이라는 파일명으로 저장해야 합니다.
  1. 메모장이나 그 외 편집기를 이용해서 다음과 같이 XML 페이지를 작성합니다.

    config.xml
    <?xml version="1.0" encoding="utf-8" ?> 
    
    <widget version="1.0" 
            xmlns="http://www.w3.org/ns/widgets" 
            id="">                                         // 위젯 일련번호. 설치시 자동으로 부여됨
      <name>Hello Widget</name>                            // 시작 메뉴에서 보여지는 이름
      <content src="“hello.htm" type="text/html" />        // 위젯에서 사용할 기본 페이지의 경로
      <access network="true" />                            // 네트워크 사용 여부
      <icon src=""/>                                       // 시작 메뉴에서 보여질 아이콘
      <description>This is my first widget</description>   // 위젯에 대한 설명
    </widget>
    
    
  2. 작성한 내용을 config.xml이라는 파일명으로 단계 1에서 생성한 폴더에 저장합니다.

단계 3: Windows Mobile 6.5 장치에 위젯 배포하기

이전 단계에서는 Hello 위젯을 위한 HTML 페이지와 매니페스트 파일을 작성하였습니다.
본 단계에서는 작성한 위젯을 Windows Mobile 6.5 장치에 배포하는 방법을 알아보도록 하겠습니다.

위젯과 관련된 파일을 하나의 .zip 파일로 압축한 후에 확장자를 .wgt 또는 .widget으로 변경합니다. 그리고, 해당 파일을 Windows Mobile 6.5 장치에 배포한 후에 실행하면 설치됩니다.
  1. 탐색기를 이용해서 작성한 파일이 저장된 폴더로 이동합니다.
    그림 축소그림 확대
    01


  2. 작성된 파일들을 모두 선택한 후에 .zip 파일로 압축합니다.
    1. 사용 중인 압축 프로그램을 이용하거나 탐색기에서 파일들을 모두 선택한 후에 오른쪽 마우스 단추로 누르고 메뉴에서 [보내기], [압축(ZIP) 폴더]를 차례대로 클릭합니다.
      그림 축소그림 확대
      02


  3. 압축된 .zip 파일의 확장자를 .wgt 또는 .widget으로 변경합니다.
    그림 축소그림 확대
    03


  4. 만들어진 hello.wgt 파일을 Windows Mobile 6.5 장치로 배포합니다.
  5. Windows Mobile 6.5 장치에서 탐색기를 열고 hello.wgt 파일을 클릭합니다.
    그림 축소그림 확대
    04


  6. 다음과 같이 위젯 파일 내부에 있는 config.xml 파일에 저장된 매니페스트 정보 및 설치에 대한 안내 페이지가 보여집니다. 메뉴에서 [예]를 클릭하면 위젯이 설치됩니다.
    그림 축소그림 확대
    05


  7. 다음은 Windows Mobile 6.5 장치에서 작성한 위젯이 실행된 화면입니다.
    그림 축소그림 확대
    06


의견 보내기

표 축소표 확대
그림 축소그림 확대
의견 보내기

Microsoft 고객지원 사이트에서는 고객님의 소리를 귀담아 듣습니다. 아래 의견 보내기로 소중한 의견 보내주시기 바랍니다.

속성

기술 자료: 979626 - 마지막 검토: 2013년 9월 30일 월요일 - 수정: 1.2
본 문서의 정보는 다음의 제품에 적용됩니다.
  • Windows Mobile 6.5 Professional
  • Windows Mobile 6.5 Standard
키워드:?
kbhowto kbstepbystep KB979626

피드백 보내기

 

Contact us for more help

Contact us for more help
Connect with Answer Desk for expert help.
Get more support from smallbusiness.support.microsoft.com