WP7 Emulator를 실행시키면, 로딩 및 실행 시간이 조금 흐른 후 아래와 같은 화면이 나타납니다. Live Tile이 Internet Explorer 하나만 활성화 되어 있고, 오른쪽 상단에 Menu로 들어갈 수 있는 작은 화살표 버튼이 있습니다. 화살표를 눌러주면, 두번째 사진과 같은 화면이 나옵니다. 두번째 강좌에서 만들었던, 'Hello, World' App이 목록 최상단에 나오는 군요.

  Internet Explorer는 메인화면에서 Live Tile를 클릭해도 되고, [  Menu > Internet Explorer ]를 선택해도 됩니다. 제일 처음 Internet Explorer를 실행하면 아래와 같은 화면이 나옵니다.

  일반적인 경험에서 알고 있듯이, 주소창을 터치(Click)하면, 아래의 그림과 같이 내장 키보드(Software Keyboard)가 위로 올라옵니다. 실제 단말기를 쓰고 있을 때는 키보드를 통해서, 가고자 하는 주소나 검색어를 칠 수 밖에 없지만, 에뮬레이터이기 때문에, 실제 컴퓨터에서 내가 쓰고 있는 키보드를 이용할 수 있죠. 단, Software Keyboard가 활성화되어 있는 중에는 키보드를 아무리 눌러도 입력이 되지 않는데, 그럴 때, 키보드의 < Page Down >키를 누르면, Software Keyboard를 내리고, 실제 컴퓨터의 키보드를 사용할 수 있습니다.

Tip. 에뮬레이터 구동시, 컴퓨터에 연결된 키보드를 사용하려면, 키보드의 < Page Down >키를 누르면 된다.

내장 키보드(Software Keyboard)를 이용한 웹 주소 입력 모습

 

< Page Down >키를 눌러, 키보드로 웹 주소를 입력하는 모습

 

Internet Explorer 즐겨찾기와 세팅하기

  Windows 7 처럼, Windows Phone 7의 웹페이지 즐겨찾기도 유사한 아이콘을 사용하고 있습니다.
  좌측 그림에서 빨간색 원으로 표시된 버튼을 누르면 현재 보고 있는 웹 페이지가 즐겨찾기에 등록됩니다. 이렇게 등록한 웹 페이지는 중앙의 ' ☆ (별표)' 모양의 버튼을 눌러서 확인할 수 있습니다.

  또한, 오른쪽 하단의 ( ``` ) 모양을 누르시면, Internet Explorer의 기본 Setting을 할 수 있습니다.

기본 Search 기능과 Voice Search 기능

  WP7은 Microsoft의 작품이므로, 당연하게 'Bing' 검색엔진을 기본으로 탑재하고 있습니다.
  에뮬레이터 최하단 오른쪽의 '돋보기' 키가 바로 Search 키인데요, 키보드 입력 및 Voice Search 기능을 제공합니다. Voice Search의 경우, 현재 우리가 에뮬레이터를 돌리고 있는 상태이므로 별도의 마이크가 연결되어 있지 않을 경우, 일정 시간이 지난 후, 'Sorry, couldn't hear anything'이라는 문구를 출력합니다.

General Setting 화면

  이번에는 메인화면에서 오른쪽 상단 화살표를 눌러 나온 아래 화면에서, 'Settings'을 터치해봅시다.
  시스템 세팅에서 테마(theme) 부분을 터치해서 나오는 '색깔 선택'창에서, 원하는 배색을 선택하면, WP7를 구성하고 있는 색을 바꿀 수 있습니다.

 

Creative Commons License

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

( Image : http://channel9.msdn.com )

* 본 포스팅은 < Channel 9 >의 동영상 강좌, 'Windows Phone 7 Development for Absolute Beginners'을 바탕으로 실습하고 기록한 Windows Phone 7 개발강좌입니다.

 

WP7 강좌 - 두번째
Level 1 Quest : 'Hello World' App 만들기

프로그램을 하는 사람이라면 그 누구도 비켜갈 수 없다!!
지금은 용을 한손으로 잡는 전사라도 그 언젠가 반드시 거쳐갔던, 'Hello, World' 출력하기! ^_^

  지난 시간에는 Windows Phone 7의 개발 환경을 구축해 보고, 혼자서도 공부할 수 있는 훌륭한 동영상 교재, < Windows Phone 7 Development for Absolute Beginners (이하 WP7D for AB) >에 대해서 소개했었습니다.
  오늘은 < Day1-Part3 : Writing your First Windows Phone 7 Application >을 참조하여, 'Hello World' App을 만들어 봅시다. 우리의 첫 앱이 되겠군요~

  WP7에서 'Hello World'를 출력하는 것은 정말로 간단합니다.
  이 App을 만들면서 우리가 할 일은, 

• ToolBox에서 Button 하나 선택
• TextBlock (TextBox가 아님에 유의!) 하나 선택
• Button을 Double-Click해서 자동생성되는 이벤트 안에 코딩 한줄

이 세가지 밖에 없습니다.
동영상 강좌를 보면서 진행해볼까요?

Writing your First Windows Phone 7 Application (Day1-Part3)

1. Windows Phone 용 Controls
  일반적인 C#의 ToolBox와는 조금 다르네요. 짧고 간결한 편이라고 해야되나... 조금은 생소했지만 각각의 컨트롤들의 명칭을 읽어보니, 어떤 기능을 하는지는 어느 정도 감이 옵니다. Control에 대해서는 앞으로 천천히 알아가게 되겠죠?

2. Main Page 화면
  " What You See is What You Get! "
  내가 이 App을 만들어서 폰에 실행시키면 내가 지금 보고 있는 화면이 나오게 될 것입니다. Visual Studio의 GUI 디자인 화면은 여전히 강력하네요~ 필요한 Control 들을 드래그앤드랍(Drag and Drop)해서 적당한 위치만 마우스로 잡아주기만 하면 어느 정도 내가 만들고픈 화면이 완성이 됩니다. 안드로이드 개발시, 이클립스(Eclipse)를 쓰면서 제일 답답하고 하기 싫었던 부분이 이 부분인데요, 새삼 고마운 마음이 듭니다.

3. Main Page 코딩 화면
   저와 같은 초보들은 당분간, 혹은 앞으로 더 오랫동안 건드리지 않을 부분입니다. 아니, 건드릴 필요가 거의 없는 부분입니다. 2번의 Main Page 화면을 구성하고 수정할 때마다, Main Page를 구성하는 코드들을 자동으로 생성해줍니다. '우리는 그림을 고치고, 컴퓨터(엄밀히 말해서는 개발툴)은 그 그림에 알맞는 코드를 수정해준다!'라고 생각하시면 되겠습니다. 직접 코딩을 좋아하시는 분들은 어떻게 생각하실지 모르겠지만, 저는 이런 방식이 맘에 듭니다.

4. Property(속성) 창
  우리가 자주 건드리게 될 부분입니다. 일반적인 control의 속성은 이 곳에서 전부 수정이 가능합니다. '잘 배운 한 property가 열 method 안 부럽다'는 말이 있을 정도로 알면 알수록 도움이 되는, 그러나 너무 내용이 방대해서 다 외우기는 좀 뭣한... 그런 창입니다. 틈틈히 Reference를 옆에 끼고 봐가면서 진행하면 되는 부분으로 너무 부담가질 필요는 없는 것 같습니다.

  WinForm C# 코딩이 그러하듯, 우리는 주로 2번 창을 확인하면서, 필요한 기능을 1번에서 2번 창으로 추가하고, 4번의 속성들을 수정하고, 2번의 control 등을 건드렸을 때, 발생하는 이벤트 들을 코딩하는 방식으로 모든 코딩이 진행이 됩니다.




드디어 완성된 당신의 첫 App : Hello, World!

  코딩이 끝났다면, 이제 실행을 시켜볼 차례입니다.
  화면 상단에 있는 Play버튼(Debugging Start버튼)을 눌러봅시다. < F5 >키를 눌러도 동일한 기능이 실행됩니다.

프로그램 실행화면
  실행하면 WP7 에뮬레이터가 자동으로 실행되면서, 우리가 코딩한 내용이 반영된 화면이 나타나게 됩니다. 우리가 보게 될 화면은 아래와 같습니다. 'Click Me'라고 되어 있는 버튼을 클릭해봅시다.

  어라? 뭔가 내가 코딩한 것과 결과가 다른가요?
  그건 제가 임의로 상단의 빈칸에 'Pandora's Box'라는 글을 처넣고, Click Me 버튼을 클릭했을 때 출력되는 문자열의 크기를 보기 좋게 수정했기 때문입니다. 여러분도 해보세요~

  다음 강좌에서는 WP7 에뮬레이터에 대해서 이것저것 알아보겠습니다.

fin.


                                       아시죠? 아래 원츄 버튼 꾹~!!! ^_^  므흐흐흐!!

Creative Commons License

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

( Image : http://channel9.msdn.com )

* 본 포스팅에서는 Windows Phone 7 개발 환경을 구축해보고, Windows Phone 7 개발 시작시
 많은 도움을 주는 < Channel 9 >의 동영상 강좌, 'Windows Phone 7 Development for Absolute Beginners'에 대해 소개 합니다.

Windows Phone 7을 기다리는 사람들

2011년 6월….

  2010년을 뜨겁게 달구었던, 안드로이드 vs 아이폰의 열기는 이제 어느 정도 식은 가운데, 올해 가을 쯤에는 국내에도 ‘Windows Phone 7 OS(이하 ‘WP7’)’를 탑재한 폰이 정식 발매되지 않을까 하는 희망을 개인적으로 가지고 있습니다. 우리나라에는 아직 정식 WP7 스마트 폰이 발매되지 않았는데요, 지난 몇일 동안 'Windows Phone 7 Mango'라는 이름으로 다시금 세간에 모습을 드러낸 WP7은 다양한 기능을 뽐내고 있으나, 아직까지는 일반 유저들에게 크게 어필하지 못하는 모습입니다.
  하지만, 기존의 많은 개발자 분들이 미리 WP7 개발툴을 설치하여 어플리케이션을 개발하고 있으며, 실제로 WP7 어플리케이션이 빠른 속도로 증가하고 있습니다.

WP7 App이 드디어 20,000개를 넘어섰다!
Windows Phone 7 hits 20,000 applications (May 29th, 2011)

[ WP7 APP의 빠른 증가를 보고한 기사 ]
Android Market and Windows Phone 7 Marketplace are Today’s Fastest-Growing App Stores

  WP7 App이 빠른 속도로 늘고 있는 이유로는 WP7에 대한 기대, Microsoft가 가지고 있는 Business Power, 실제 업무상 사용하고 있는 OS를 비롯한 각종 업무 프로그램들(Outlook, Word, Excel, Project 등)와의 연동과 호환성에 대한 기대 등이 있습니다. 그리고 생각보다도 훨씬 중요한, '개발 툴에 기존 개발자들이 익숙하다!'라는 점을 들 수 있겠습니다. 기존에 사용하던 툴을 이용해서 생산성 높은 프로그래밍을 할 수 있다라는 것은 생각보다도 중요한 요소라고 생각합니다.
  또한, Visual Studio라는 강력한 개발툴에 C#이라는 언어를 내세워, 일반 프로그래밍, WP7 개발, XNA를 통한 게임 개발까지 할 수 있다는 것은 'C# 프로그래밍 한번 해보고 싶다!'라는 마음이 들게 하기도 하죠. 저도 그나마 프로그래밍 언어로 C#이 친숙하고, 또 XNA로 XBOX360 게임까지도 개발할 수도 있다고 하여!! (근데, 실력은?! ㅇ_ㅇ?) 일찌감치 Windows Phone 7 Development Tool은 깔아둔 상태였습니다.
  이렇게 저렇게, 저마다 준비를 하면서 WP7을 기다리고 있는 것 같습니다.



Windows Phone 7 개발환경 구축

  아직 폰은 우리나라에 시판되지 않았지만, 개발툴에 탑재되어 있는 에뮬레이터를 이용해서 미리 WP7을 만나 볼 수 있습니다. 우리도 개발환경을 구축해서 WP7을 미리 한번 만나 볼까요?

  Windows Phone 7 개발환경은 'Microsoft'가 일괄 배포, 지원하므로 기존에 컴퓨터 프로그램을 설치하듯이 한번에(One Click - Installation) 설치가 됩니다. 오픈 정책의 특성상, 다양한 기반 (JAVA Development Kit + Eclipse + Android SDK + Android Development Tool)을 일일이 설치하고 환경 설정해줘야 하는 안드로이드 개발환경 구축보다 훨~씬 쉽습니다.

0. (선행과제) Visual Studio 2010 Express 설치


  Windows Phone 7을 개발하기 위해서는 우선, Visual Studio 2010 Express 가 설치되어 있어야 합니다. 물론, Professional도 가능하죠! Express 버전으로도 WP7 개발에 접근이 가능하다는 점이 개발환경 확대 측면에서 좋아 보입니다.
Express 버전은 공짜!(FREE!!)이므로 언제든지 홈페이지에서 다운 받아 설치하실 수 있고, 정품도 'Dream Spark'를 통해 무료로 사용하실 수 있으니 , 아래글을 참조하세요~!

* 지난 발행글 : 꿈 불꽃, Dream Spark를 이용해서 무료로 MS정품 쓰자!




1. Windows Phone Development Tools 설치

1-1. WPDT 다운로드
  WPDT, 즉, Windows Phone 7 Development Tools은 WP7을 개발하기 위한 도구 패키지로, 설치후에는 Visual Studio 내에서 선택해서 사용하는 형식으로 구성이 됩니다. WPDT는 Windows Phone과 XBOX360 개발 사이트인 APP HUB(http://create.msdn.com/en-US/)에서 다운 받을 수 있습니다.

'APP HUB'의 메인 페이지

1-2. WPDT 인스톨
  다운로드 후, 인스톨을 수행하면 자동으로 기존의 Visual Studio 2010 안에 구성요소로 자리하게 됩니다.
  아래 동영상이 인스톨 과정을 충실하게 보여주고 있네요~ 본 동영상은 Windows Phone 개발을 처음 시작하시는 분을 위해 Microsoft에서 마련한, Channel 9의 동영상 강좌 <Windows Phone 7 Development for Absolute Beginners>의 일부분입니다. 동영상은 Visual Studio Express for Windows Phone 모듈을 바로 설치하는 것을 보여주고 있네요. (*2011년 6월 10일 현재, APP HUB 화면은 동영상에서 소개하는 화면과 조금 다르지만, 툴을 다운 받아서 설치하는 과정은 거의 동일합니다. 큰 어려움 없이 설치할 수 있으실 거에요~)

  설치나 기타 정보 교환은 네이버의 '윈도우 폰/모바일 개발자 카페' 에서도 많은 도움을 받으실 수 있습니다.

  2. 설치 완료 그리고 개발

  자세히 알아보고 말 것도 없네요~ 간단하죠?

  Visual Studio를 실행하고 [ File >> New >> Project ]로 들어가면, 아래와 같은 화면을 확인하실 수 있습니다.
  우리가 원하는 Windows Phone 개발 템플릿은 [ Visual C# > Silverlight for Windows Phone ]을 선택하면 됩니다. Display 되는 화면중에 Windows Phone Application을 선택하고 기본적인 개발을 시작하면 됩니다! ^_^*

Windows Phone 7 Development Tools 가 설치된 화면

Visual Studio 2010 Professional에 Add-In 된 형태다. 아래에는 XNA Game Studio 4.0이 보인다.

이제부터 우리는
"Windows Phone 7 Development for Absolute Beginners"로 WP7 입문하기!!

자, 막상 설치는 했는데 어떻게 해야 할지 모르겠다구요?
자료는 많은 거 같은데, 내 수준에 어떤 과제부터 시작해야 될지 모르겠다구요?
프로그래밍에 자신이 없으시다구요?

그런 분들을 위해서, Microsoft에서 Windows Phone 7 Development for Absolute Beginners 라는 친절한 동영상 강좌를 제공하고 있습니다. 한 강좌당 짧게는 3분, 길게는 10분 정도를 할애하고 있고, WP7 개발을 처음 시작하시는 분들을 위해 최고의 강좌인 것 같습니다. 보이시죠?  for Absolute Beginners!!!

Creative Commons License

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.