Visual Studio.NET 2003 을 이용한 Mobile ASP.NET 활용 방안

1. Visual Studio.NET 2003 을 이용한 Mobile ASP.NET 활용 방안 ㈜한국마이크로소프트 기술 사업부 과장 현재환(jaehyun@microsoft.com)

2. Agenda • ASP.NET Mobile의 전반적인 Overview • ASP.NET Mobile Controls & Demo • Container Controls • Text Display Controls • List, SelectList Controls • Control Transfer Controls • Calendar Control • Validation Controls • 참고

3. ASP.NET Mobile의 전반적인 Overview

4. .NET Framework Intranet Internet ASP.NET Mobile Internet Toolkit Internet Microsoft 모바일 솔루션 Client Side BrowserDevices Microsoft Mobile Information Server SQL Server 2000 Appl SmartDevices .NET Compact Framework Server Side W2K Exchange 2000 Web Services AD

5. 모바일 웹 다양한 디바이스 지원 온라인 서버 사이드 로직 고려 브라우져 기반의 UI 클라이언트 인스톨 없음 ASP.NET 모바일 컨트롤(Mobile Web Application) 모바일 스마트 클라이언트 리치 클라이언트 오프라인 및온라인 클라이언트 사이드 로직 및 데이터 고려 UI 유연성 제공 클라이언트 사이드 인스톨 Smart Device Extensions 및 .NET Compact Framework Mobile Web Versus Smart Client XML Web Services 및 Data Access Visual Studio .NET

6. Mobile Web Challenges Web Site

7. .NET Framework ASP.NET Windows Forms & .NET Compact Framework Web Forms Mobile Web Forms Web Services Services Framework Base Data Debug … Mobile Web Form Common Language Runtime System Services ASP.NET 모바일 컨트롤 • ASP.NET을 모바일 어플리케이션의 개발 환경으로 확장 • 모든 개발 환경은 Visual Studio.NET으로 통합 • 다양한 장비 및 마크업 언어 지원

8. 지원되는 디바이스 종류 – 200 여개이상 • ACCESS Compact: NetFront 2.0, Fujitsu F503i, Mitsubishi D502i, Mitsubishi D503i, NEC N210i, NEC N502i, Sony SO503i • Ericsson 2.0: Ericsson R380, Ericsson R320, Ericsson R520m, Ericsson T20s • GoAmerica Go.Web: Compaq iPAQ H3650, Palm Vx, RIM Blackberry 857, RIM Blackberry 950, RIM Blackberry 957, • Microsoft Mobile Explorer: Sony CMD-Z5, Sony CMD-J5, Benefon Q, • Microsoft Pocket Internet Explorer: Casio Cassiopeia E-125, Compaq iPAQ H3630, Compaq iPAQ H3650, HP Jornada 720, Compaq iPAQ H3670 • Nokia: Nokia 3330, Nokia 6210, Nokia 7110, Nokia 9110i • Openwave UP.Browser 3.x: Audiovox CDM-9000, Ericsson R280LX, Hitachi C407H, Kyocera QCP 2035A, Kyocera QCP 3035, LG V111, Mitsubishi T250, Motorola StarTAC 7868W, Motorola TimePort P8767, Samsung SCH-6100, Samsung SCH-850, Samsung SCH-8500, Samsung UpRoar M100, Sanyo C401SA, Sanyo SCP-4500, Sanyo SCP-5000, Sprint Touchpoint, Sprint Touchpoint 2200, Sprint Touchpoint 3000 • Openwave UP.Browser 4.x: Alcatel One Touch 701, Audiovox CDM-135, Audiovox CDM-9100, Motorola i1000plus, Motorola i2000plus, Motorola i50sx, Motorola i85s, Motorola T2288, Motorola TimePort P7382i, Motorola TimePort P7389, Motorola V100, Motorola V120c, Motorola V2288, Motorola V60c, Siemens C35i, Siemens S35i, Siemens SL45 • Miscellaneous Browsers: Handspring Visor Platinum (Qualcomm Eudora Internet Suite 2.1; Blazer 1.0 and Omnisky 2.1.0.15), IBM WorkPad c505 (ilinx Xiino 1.01J), Kyocera QCP 6035 (Qualcomm Eudora 2.0), Nokia 9210 (Symbian Crystal 6.0), Palm VII (MyPalm 1.0), Palm Vx (AU-Systems 2.12181.1 and Omnisky 2.0.04), Palm m505 (MyPalm 1.1), Panasonic P210i, Panasonic P502i, Sharp J-SH04 (Original Equipment Manufacturer's Version 3.0), Sharp Zaurus MI-E1 (Original Equipment Manufacturer's Version 6.1), Sony CLIE PEG-N700C (ilinz Palmscape 4.0SJ), Toshiba J-T05 (Original Equipment Manufacturer's Version 3.0),

9. 모바일 웹폼 웹폼 vs 모바일 웹폼 웹폼 <Form runat="server"> <asp:Label runat=“server"> Hello, World </asp:Label> </Form> <mobile:Form runat="server"> <mobile:Label runat=“server"> Hello, Mobile World </mobile:Label> </mobile:Form>

10. Return WML with the WTAI tag Get Browser and Device Get Device Adapter Select Device Adapter Page instantiates control Get Device Adapter Return HTML with alternative text ASP.NET과 IIS에서 처리되는 방식 ASP.NET 및 IIS Mobile Capabilities WML WAP HTTP Request PhoneCall cHTML HTML Mobile.ASPX

11. 모바일 페이지 System.Web.UI.MobileControls.MobilePage 콘트롤 System.Web.UI.Control 모바일 컨트롤 System.Web.UI.MobileControls.MobileControl Desktop Server Controls Mobile Server Controls 네임스페이스 계층구조 웹폼 모바일 웹폼 NameSpace System.Web.UI NameSpace System.Web.UI.MobileControls 페이지 System.Web.UI.Page

12. ASP.NET Mobile Controls

13. ASP.NET 모바일 컨트롤 MobileControl Containers AdRotator Calendar Image CompareValidator List ObjectList PagedControl CustomValidator Form Panel RangeValidator BaseValidator SelectionList RegularExpression Validator PhoneCall StyleSheet RequiredField Validator Command TextControl Label TextView Link ValidationSummary TextBox

14. Panel Control 다양한 컨트롤들의 그룹 컨테이너를 제공 다양한 컨트롤의 집합을 핸들링하기 쉬움(Hiding, Enabling, Displaying) 추가된 컨트롤들은 부모 컨테이너로부터 속성을 상속받거나 재정의 Form Control 모바일 페이지에서 가장 바깥쪽에 존재하는 컨트롤들의 그룹 한 페이지에 다수의 폼이 적용 클라이언트 기기를 감지하여 적절한 마트업 언어로 출력 한번에 한 개의 Active 폼을 설정(기본 첫 페이지 또는 별도의 지정 가능) ContainerControl

15. ASP.NET 모바일 컨트롤 Mobile Control Text Display Ad Rotator Calendar Image CompareValidator List ObjectList PagedControl CustomValidator Form Panel RangeValidator BaseValidator Selection List RegularExpression Validator Call Style Sheet RequiredField Validator Command TextControl Label TextView Link ValidationSummary TextBox

16. Text Display Control • Label control • 적은 분량의 컨텐트 – read only • TextBox control • 한줄짜리 Text Box • TextView control • 많은 양의 Text 처리 • 컨트롤이 동작하는 동안 지정된 형식에 따라 문자열을 표시하거나 변경될 필요가 있는 많은 양의 문자열을 처리 • 페이지 분할 지원

17. ASP.NET 모바일 컨트롤 MobileControl List 및 selection Ad Rotator Calendar Image CompareValidator List ObjectList PagedControl CustomValidator Form Panel RangeValidator BaseValidator Selection List RegularExpression Validator Call StyleSheet RequiredField Validator Command TextControl Label TextView Link ValidationSummary TextBox

18. List 및 Selection Controls • List control • 사용자에게 간단한 옵션 목록을 제공 • 대상 기기를 인식하여 화면에 표시할 수 있는 항목의 개수에 따라 여러 페이지로 분할 가능 • SelectionList control • 복수 선택 옵션을 지원 • 리스트 박스, 다중 선택리스트 박스, 콤보 박스의 형태로 지원 • 페이지 분할 지원 안함 • ObjectList control • ASP.NET의 Datagrid와 유사

19. List 및 Selection Controls

20. ASP.NET 모바일 컨트롤 MobileControl Control transfer Ad Rotator Calendar Image CompareValidator List ObjectList PagedControl CustomValidator Form Panel RangeValidator BaseValidator Selection List RegularExpression Validator PhoneCall StyleSheet RequiredField Validator Command TextControl Label TextView Link ValidationSummary TextBox

21. Control Transfer Controls • Command control • Like Control과 유사하나 Command Control은 실행되는 동안 서버측 코드 블록을 호출 • UI에서 ASP.NET event handlers를 Invoke 시키는 방법 • SoftkeyLabel 속성 - Specify text for Softkey on supporting mobile phones <mobile:Command id="cmdSelectProduct" runat="server“ softkeylabel=“Next”>Select Product</mobile:Command>

22. ASP.NET 모바일 컨트롤 MobileControl Calendar Ad Rotator Calendar Image CompareValidator List ObjectList PagedControl CustomValidator Form Panel RangeValidator BaseValidator Selection List RegularExpression Validator PhoneCall StyleSheet RequiredField Validator Command TextControl Label TextView Link ValidationSummary TextBox

23. Calendar Control • Calendar control • 날짜에 대한 데이터를 입력 받거나 데이터를 검색 • 디바이스에 따라 여러 유형의 달력을 제공

24. ASP.NET 모바일 컨트롤 MobileControl Validation Ad Rotator Calendar Image CompareValidator List ObjectList PagedControl CustomValidator Form Panel RangeValidator BaseValidator Selection List RegularExpression Validator PhoneCall StyleSheet RequiredField Validator Command TextControl Label TextView Link ValidationSummary TextBox

25. Validation Controls • 데이터를 입력 받을 때와 비즈니스 로직으로 전송할 데이터를 입력받을 때 마다 매번 입력된 정보가 유효한지를 검사하는 단계 • ASP.NET에서의 검증 컨트롤의 기능과 동일 • Controls • CompareValidator • RangeValidator • RegularExpressionValidator • RequiredFieldValidator • CustomValidator • ValidationSummary

26. Summary • ASP.NET Mobile Controls… • Visual Studio .NET과 .NET Framework간의 통합 • 모든 기기에 쉽게 적용할 수 있는 모바일 어플리케이션을 쉽게 개발 할 수 있다. • 새로운 모바일 컨트롤의 생성이나 새로운 기기의 지원이 쉽게 지원

27. 참고 • For the latest news and topics on Microsoft Pocket PC and Smartphone development: www.microsoft.com/mobile/developer • For detailed information on the .NET Compact Framework and Visual Studio .NET: mobility.microsoftdev.com • For detailed information on ASP.NET Mobile controls: www.asp.net/mobile • For detailed information on Tablet PC development: www.tabletpcdeveloper.com • To become a Microsoft Mobility Solutions partner: www.microsoft.com/mobile/partner • To learn how to decrease time to market: www.microsoft.com/mobile/mobile2market • For technical information and downloads: msdn.microsoft.com • Post-conference Mobility Developer Conference infowww.mymsevents.com