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

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

㈜㈜한국마이크로소프트한국마이크로소프트기술 사업부기술 사업부과장 현재환과장 현재환 ([email protected])([email protected])

AgendaAgenda ASP.NET MobileASP.NET Mobile 의 전반적인 의 전반적인 OverviewOverview ASP.NET Mobile Controls & DemoASP.NET Mobile Controls & Demo

Container ControlsContainer Controls Text Display ControlsText Display Controls List, SelectList ControlsList, SelectList Controls Control Transfer ControlsControl Transfer Controls Calendar ControlCalendar Control Validation ControlsValidation Controls

참고참고

ASP.NET MobileASP.NET Mobile 의 전반적인 의 전반적인 OverviewOverview

SQL Server 2000SQL Server 2000

ApplAppl

.NET Compact .NET Compact FrameworkFramework

Microsoft Microsoft 모바일 솔루션모바일 솔루션

Internet

Web Services

ClientSide

Sm

art

Sm

art

Dev

ices

Dev

ices

ExchangeExchange20002000

ADAD

W2KW2K

Bro

wse

rB

row

ser

Dev

ices

Dev

ices

Internet

Microsoft MobileMicrosoft MobileInformation ServerInformation Server

.NE

T

.NE

T

Fra

mew

ork

Fra

mew

ork

Mobile Internet Mobile Internet ToolkitToolkit

ServerSideASP.NETASP.NET

Intranet

Mobile Web Versus Smart ClientMobile Web Versus Smart Client

모바일 웹모바일 웹 다양한 디바이스 지원다양한 디바이스 지원 온라인온라인 서버 사이드 로직 고려서버 사이드 로직 고려 브라우져 기반의 브라우져 기반의 UIUI 클라이언트 인스톨 없음클라이언트 인스톨 없음

ASP.NET ASP.NET 모바일 컨트롤모바일 컨트롤 (Mobile Web Application)(Mobile Web Application)

모바일 스마트 클라이언트모바일 스마트 클라이언트 리치 클라이언트리치 클라이언트 오프라인 및오프라인 및 온라인온라인 클라이언트 사이드 로직 클라이언트 사이드 로직

및 데이터 고려및 데이터 고려 UI UI 유연성 제공유연성 제공 클라이언트 사이드 인스톨클라이언트 사이드 인스톨

Smart Device Extensions Smart Device Extensions 및및 .NET Compact .NET Compact FrameworkFramework

XML Web Services XML Web Services 및및 Data AccessData AccessVisual Studio .NET Visual Studio .NET

Mobile Web ChallengesMobile Web Challenges

Web Site

Web Site

ASP.NET ASP.NET 모바일 컨트롤모바일 컨트롤

모든 개발 환경은 모든 개발 환경은 Visual Studio.NETVisual Studio.NET으로 통합으로 통합

.NET Framework

Services Framework

ASP.NET

Common Language Runtime

System Services

Windows Forms&

.NET Compact Framework

Base Data Debug …

Web Forms

MobileWeb

Forms

Web Services

ASP.NETASP.NET 을 모바일 을 모바일 어플리케이션의 개발 어플리케이션의 개발 환경으로 확장환경으로 확장

다양한 장비 및 다양한 장비 및 마크업 언어 지원마크업 언어 지원

Mobile Web Mobile Web FormForm

지원되는 디바이스 종류 지원되는 디바이스 종류 – – 200 200 여개이상 여개이상 ACCESS Compact:ACCESS Compact: NetFront 2.0, Fujitsu F503i, Mitsubishi D502i, Mitsubishi D503i, NetFront 2.0, Fujitsu F503i, Mitsubishi D502i, Mitsubishi D503i,

NEC N210i, NEC N502i, Sony SO503iNEC N210i, NEC N502i, Sony SO503i Ericsson 2.0:Ericsson 2.0: Ericsson R380, Ericsson R320, Ericsson R520m, Ericsson T20s Ericsson R380, Ericsson R320, Ericsson R520m, Ericsson T20s GoAmerica Go.Web:GoAmerica Go.Web: Compaq iPAQ H3650, Palm Vx, RIM Blackberry 857, RIM Compaq iPAQ H3650, Palm Vx, RIM Blackberry 857, RIM

Blackberry 950, RIM Blackberry 957, Blackberry 950, RIM Blackberry 957, Microsoft Mobile Explorer:Microsoft Mobile Explorer: Sony CMD-Z5, Sony CMD-J5, Benefon Q, Sony CMD-Z5, Sony CMD-J5, Benefon Q, Microsoft Pocket Internet Explorer:Microsoft Pocket Internet Explorer: Casio Cassiopeia E-125, Compaq iPAQ H3630, Casio Cassiopeia E-125, Compaq iPAQ H3630,

Compaq iPAQ H3650, HP Jornada 720, Compaq iPAQ H3670Compaq iPAQ H3650, HP Jornada 720, Compaq iPAQ H3670 Nokia:Nokia: Nokia 3330, Nokia 6210, Nokia 7110, Nokia 9110i Nokia 3330, Nokia 6210, Nokia 7110, Nokia 9110i Openwave UP.Browser 3.x:Openwave UP.Browser 3.x: Audiovox CDM-9000, Ericsson R280LX, Hitachi C407H, Audiovox CDM-9000, Ericsson R280LX, Hitachi C407H,

Kyocera QCP 2035A, Kyocera QCP 3035, LG V111, Mitsubishi T250, Motorola Kyocera QCP 2035A, Kyocera QCP 3035, LG V111, Mitsubishi T250, Motorola StarTAC 7868W, Motorola TimePort P8767, Samsung SCH-6100, Samsung SCH-StarTAC 7868W, Motorola TimePort P8767, Samsung SCH-6100, Samsung SCH-850, Samsung SCH-8500, Samsung UpRoar M100, Sanyo C401SA, Sanyo SCP-850, Samsung SCH-8500, Samsung UpRoar M100, Sanyo C401SA, Sanyo SCP-4500, Sanyo SCP-5000, Sprint Touchpoint, Sprint Touchpoint 2200, Sprint 4500, Sanyo SCP-5000, Sprint Touchpoint, Sprint Touchpoint 2200, Sprint Touchpoint 3000Touchpoint 3000

Openwave UP.Browser 4.x:Openwave UP.Browser 4.x: Alcatel One Touch 701, Audiovox CDM-135, Audiovox Alcatel One Touch 701, Audiovox CDM-135, Audiovox CDM-9100, Motorola i1000plus, Motorola i2000plus, Motorola i50sx, Motorola i85s, CDM-9100, Motorola i1000plus, Motorola i2000plus, Motorola i50sx, Motorola i85s, Motorola T2288, Motorola TimePort P7382i, Motorola TimePort P7389, Motorola Motorola T2288, Motorola TimePort P7382i, Motorola TimePort P7389, Motorola V100, Motorola V120c, Motorola V2288, Motorola V60c, Siemens C35i, Siemens V100, Motorola V120c, Motorola V2288, Motorola V60c, Siemens C35i, Siemens S35i, Siemens SL45S35i, Siemens SL45

Miscellaneous Browsers:Miscellaneous Browsers: Handspring Visor Platinum (Qualcomm Eudora Internet 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), 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), 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 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 m505 (MyPalm 1.1), Panasonic P210i, Panasonic P502i, Sharp J-SH04 (Original Equipment Manufacturer's Version 3.0), Sharp Zaurus MI-E1 (Original Equipment 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), Manufacturer's Version 6.1), Sony CLIE PEG-N700C (ilinz Palmscape 4.0SJ), Toshiba J-T05 (Original Equipment Manufacturer's Version 3.0), Toshiba J-T05 (Original Equipment Manufacturer's Version 3.0),

웹폼웹폼 vs vs 모바일 웹폼모바일 웹폼

모바일 웹폼모바일 웹폼

<<mobilemobile:Form runat="server">:Form runat="server"><<mobilemobile:Label runat=“server">:Label runat=“server">

Hello, Mobile WorldHello, Mobile World</</mobilemobile:Label>:Label>

</</mobilemobile:Form>:Form>

<Form runat="server"><Form runat="server"><<aspasp:Label runat=“server">:Label runat=“server">

Hello, WorldHello, World </</aspasp:Label>:Label></Form></Form>

웹폼웹폼

ASP.NETASP.NET 과 과 IISIIS 에서 처리되는 방식에서 처리되는 방식

WML

cHTML HTML

PhoneCall

MobileCapabilities

HTTP HTTP RequestRequest

Return HTML with Return HTML with alternative textalternative text

Mobile.ASPXMobile.ASPX

Get Device Get Device AdapterAdapter

Get Browser Get Browser and Deviceand Device

Select Select Device AdapterDevice Adapter

Get Device Get Device AdapterAdapter WAPWAP

ASP.NET ASP.NET 및및 IISIIS Return WML with the WTAI tagReturn WML with the WTAI tag

Page Page instantiates instantiates

controlcontrol

NameSpaceNameSpaceSystem.Web.UI.MobileControlsSystem.Web.UI.MobileControls

NameSpaceNameSpaceSystem.Web.UISystem.Web.UI

페이지페이지System.Web.UI.PageSystem.Web.UI.Page

네임스페이스 계층구조네임스페이스 계층구조

웹폼웹폼 모바일 웹폼모바일 웹폼

Desktop Server ControlsDesktop Server Controls

콘트롤콘트롤System.Web.UI.ControlSystem.Web.UI.Control

모바일 페이지모바일 페이지System.Web.UI.System.Web.UI.MobileControls.MobilePageMobileControls.MobilePage

Mobile Server ControlsMobile Server Controls

모바일 컨트롤모바일 컨트롤System.Web.UI.MobileControls.MobileControlSystem.Web.UI.MobileControls.MobileControl

ASP.NET Mobile ControlsASP.NET Mobile Controls

ASP.NET ASP.NET 모바일 컨트롤모바일 컨트롤MobileControlMobileControl

StyleSheetStyleSheet

TextControlTextControl

TextViewTextView

ValidationSummaryValidationSummary

AdRotatorAdRotator

CalendarCalendar

PagedControlPagedControl

SelectionListSelectionList

PanelPanel

ImageImage

LinkLink

LabelLabel

CommandCommand

PhoneCallPhoneCall

BaseValidatorBaseValidator

FormForm

ObjectListObjectList

ListList

TextBoxTextBox

RequiredFieldRequiredFieldValidatorValidator

RegularExpressionRegularExpressionValidatorValidator

RangeValidatorRangeValidator

CustomValidatorCustomValidator

CompareValidatorCompareValidator

ContainersContainers

ContainerContainer ControlControl Panel Control Panel Control

다양한 컨트롤들의 다양한 컨트롤들의 그룹 컨테이너를 제공그룹 컨테이너를 제공

다양한 컨트롤의 다양한 컨트롤의 집합을 핸들링하기 집합을 핸들링하기 쉬움쉬움 (Hiding, (Hiding, Enabling, Displaying)Enabling, Displaying)

추가된 컨트롤들은 추가된 컨트롤들은 부모 컨테이너로부터 부모 컨테이너로부터 속성을 상속받거나 속성을 상속받거나 재정의재정의

Form Control Form Control 모바일 페이지에서 모바일 페이지에서

가장 바깥쪽에 가장 바깥쪽에 존재하는 컨트롤들의 존재하는 컨트롤들의 그룹그룹

한 페이지에 다수의 한 페이지에 다수의 폼이 적용폼이 적용

클라이언트 기기를 클라이언트 기기를 감지하여 적절한 감지하여 적절한 마트업 언어로 출력마트업 언어로 출력

한번에 한 개의 한번에 한 개의 Active Active 폼을 설정폼을 설정 (( 기본 첫 기본 첫 페이지 또는 별도의 페이지 또는 별도의 지정 가능지정 가능 ))

Mobile ControlMobile Control

Style SheetStyle Sheet


TextViewTextView


Ad RotatorAd Rotator

CalendarCalendar


Selection ListSelection List

PanelPanel

ImageImage

LinkLink

LabelLabel

CommandCommand

CallCall


FormForm


ListList

TextBoxTextBox






Text DisplayText Display


Text Display ControlText Display Control

Label controlLabel control 적은 분량의 컨텐트 적은 분량의 컨텐트 – – read only read only

TextBox controlTextBox control 한줄짜리 한줄짜리 Text BoxText Box

TextView controlTextView control 많은 양의 많은 양의 Text Text 처리처리 컨트롤이 동작하는 동안 지정된 형식에 따라 문자열을 컨트롤이 동작하는 동안 지정된 형식에 따라 문자열을

표시하거나 변경될 필요가 있는 많은 양의 문자열을 표시하거나 변경될 필요가 있는 많은 양의 문자열을 처리처리

페이지 분할 지원페이지 분할 지원

MobileControlMobileControl



TextViewTextView



CalendarCalendar



PanelPanel

ImageImage

LinkLink

LabelLabel

CommandCommand

CallCall


FormForm


ListList

TextBoxTextBox






List List 및 및 selectionselection


List List 및및 Selection ControlsSelection Controls

List controlList control 사용자에게 간단한 옵션 목록을 제공사용자에게 간단한 옵션 목록을 제공 대상 기기를 인식하여 화면에 표시할 수 있는 항목의 대상 기기를 인식하여 화면에 표시할 수 있는 항목의

개수에 따라 여러 페이지로 분할 가능개수에 따라 여러 페이지로 분할 가능 SelectionList controlSelectionList control

복수 선택 옵션을 지원복수 선택 옵션을 지원 리스트 박스리스트 박스 , , 다중 선택리스트 박스다중 선택리스트 박스 , , 콤보 박스의 콤보 박스의

형태로 지원형태로 지원 페이지 분할 지원 안함페이지 분할 지원 안함

ObjectList controlObjectList control ASP.NETASP.NET 의 의 DatagridDatagrid 와 유사와 유사

List List 및및 Selection ControlsSelection Controls

ListList SelectionListSelectionList ObjectListObjectList

DataboundDatabound OptionalOptional OptionalOptional RequiredRequired

PaginationPagination YesYes NoNo YesYes

DecorationDecoration(WML(WML 에서는 지원이 에서는 지원이 안됨안됨 ))

None, Bulleted, None, Bulleted, NumberedNumbered

Dropdown, ListBox, Dropdown, ListBox, Radio Button, Radio Button, CheckBox, CheckBox, MultiSelectMultiSelect

Only with Only with CustomizationCustomization

InteractiveInteractive OptionalOptional YesYes OptionalOptional

Similar ASP.NETSimilar ASP.NET

ControlControl

DatalistDatalist ListBox, CheckBox, ListBox, CheckBox, CheckBoxList, CheckBoxList, RadioButton, RadioButton, RadioButtonList, & RadioButtonList, & DropDownListDropDownList

DatagridDatagrid




TextViewTextView



CalendarCalendar



PanelPanel

ImageImage

LinkLink

LabelLabel

CommandCommand

PhoneCallPhoneCall


FormForm


ListList

TextBoxTextBox






Control transferControl transfer


Command controlCommand control Like ControlLike Control 과 유사하나 과 유사하나 Command ControlCommand Control 은 은

실행되는 동안 서버측 코드 블록을 호출실행되는 동안 서버측 코드 블록을 호출 UIUI 에서에서 ASP.NET event handlersASP.NET event handlers 를 를 Invoke Invoke 시키는 시키는

방법방법

SoftkeyLabel SoftkeyLabel 속성속성 - Specify text for Softkey on - Specify text for Softkey on supporting mobile phonessupporting mobile phones

<mobile:Command id="cmdSelectProduct" runat="server“ <mobile:Command id="cmdSelectProduct" runat="server“ softkeylabel=“Next”>Select Product</mobile:Command>softkeylabel=“Next”>Select Product</mobile:Command>

Control Transfer ControlsControl Transfer Controls




TextViewTextView



CalendarCalendar



PanelPanel

ImageImage

LinkLink

LabelLabel

CommandCommand

PhoneCallPhoneCall


FormForm


ListList

TextBoxTextBox






CalendarCalendar


Calendar ControlCalendar Control Calendar control Calendar control

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




TextViewTextView



CalendarCalendar



PanelPanel

ImageImage

LinkLink

LabelLabel

CommandCommand

PhoneCallPhoneCall


FormForm


ListList

TextBoxTextBox






ValidationValidation


Validation ControlsValidation Controls 데이터를 입력 받을 때와 비즈니스 로직으로 전송할 데이터를 입력 받을 때와 비즈니스 로직으로 전송할

데이터를 입력받을 때 마다 매번 입력된 정보가 데이터를 입력받을 때 마다 매번 입력된 정보가 유효한지를 검사하는 단계 유효한지를 검사하는 단계

ASP.NETASP.NET 에서의 검증 컨트롤의 기능과 동일에서의 검증 컨트롤의 기능과 동일 Controls Controls

CompareValidatorCompareValidator RangeValidatorRangeValidator RegularExpressionValidatorRegularExpressionValidator RequiredFieldValidatorRequiredFieldValidator CustomValidatorCustomValidator ValidationSummaryValidationSummary

Summary Summary

ASP.NET Mobile Controls…ASP.NET Mobile Controls… Visual Studio .NETVisual Studio .NET 과 과 .NET Framework.NET Framework 간의 통합간의 통합 모든 기기에 쉽게 적용할 수 있는 모바일 모든 기기에 쉽게 적용할 수 있는 모바일

어플리케이션을 쉽게 개발 할 수 있다어플리케이션을 쉽게 개발 할 수 있다 .. 새로운 모바일 컨트롤의 생성이나 새로운 기기의 지원이 새로운 모바일 컨트롤의 생성이나 새로운 기기의 지원이

쉽게 지원쉽게 지원

참고참고 For the latest news and topics on Microsoft Pocket PC and For the latest news and topics on Microsoft Pocket PC and

Smartphone development: Smartphone development: www.microsoft.com/mobile/developerwww.microsoft.com/mobile/developer

For detailed information on the .NET Compact Framework and For detailed information on the .NET Compact Framework and Visual Studio .NET: Visual Studio .NET: mobility.microsoftdev.commobility.microsoftdev.com

For detailed information on ASP.NET Mobile controls: For detailed information on ASP.NET Mobile controls: www.asp.net/mobilewww.asp.net/mobile

For detailed information on Tablet PC development: For detailed information on Tablet PC development: www.tabletpcdeveloper.comwww.tabletpcdeveloper.com

To become a Microsoft Mobility Solutions partner: To become a Microsoft Mobility Solutions partner: www.microsoft.com/mobile/partnerwww.microsoft.com/mobile/partner

To learn how to decrease time to market: To learn how to decrease time to market: www.microsoft.com/mobile/mobile2marketwww.microsoft.com/mobile/mobile2market

For technical information and downloads: For technical information and downloads: msdn.microsoft.commsdn.microsoft.com Post-conference Mobility Developer Conference infoPost-conference Mobility Developer Conference info

www.mymsevents.comwww.mymsevents.com

http://www.microsoft.com/mobile/developer

http://mobility.microsoftdev.com/

http://www.asp.net/mobile

http://www.tabletpcdeveloper.com/

http://www.microsoft.com/mobile/partner

http://www.microsoft.com/mobile/mobile2market

http://www.msdn.microsoft.com/

http://www.mymsevents.com/

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

Documents

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