Top Banner
Hello! Silverlight. Hello! Silverlight. Enjoy The UX!! Enjoy The UX!! 실실실실실 실실 실실 실실실실 실실실실실 실실실실실 & & 실실 실실실실실 실실실 실실 실실실실실 실실실 [email protected] 실실실 실실실 ( ( 실실 실실 ) )
37

Hello! Silverlight. Enjoy The UX!!

Jan 01, 2016

Download

Documents

Joshua Cantrell

실버라이트 개발 환경 구성하기. Hello! Silverlight. Enjoy The UX!!. 하승민 ( 승미 ). 광운대학교 & 삼성 소프트웨어 멤버십 [email protected]. 개발 환경. VS2008 SP1. Blend. Expression Web. Visual studio 2008. Designer. Silverlight Tools. DeepZoom Composer. Developer. 개발 환경. Silverlight Café - PowerPoint PPT Presentation
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Hello! Silverlight. Enjoy The UX!!

Hello! Silverlight. Enjoy The Hello! Silverlight. Enjoy The UX!!UX!!

실버라이트 개발 환경 구성하기

광운대학교 광운대학교 & & 삼성 소프트웨어 멤버십삼성 소프트웨어 멤버십[email protected]

하승민하승민 (( 승미승미 ))

Page 2: Hello! Silverlight. Enjoy The UX!!

개발 환경

네이버 실버라이트 까페 (http://www.slkorea.net) 2

VS2008 SP1

Blend

Silverlight Tools

Visual studio 2008

DeepZoom ComposerDeveloper

Designer

Expression Web

Page 3: Hello! Silverlight. Enjoy The UX!!

개발 환경

네이버 실버라이트 까페 (http://www.slkorea.net) 3

Silverlight Café

http://cafe.naver.com/mssilverlight/4471

Page 4: Hello! Silverlight. Enjoy The UX!!

Silverlight App 의 구성

네이버 실버라이트 까페 (http://www.slkorea.net) 4

Design(XAML) Code(CS)

Page 5: Hello! Silverlight. Enjoy The UX!!

XAML 과 CS

네이버 실버라이트 까페 (http://www.slkorea.net) 5

Design(XAML)

Code(CS)

Page 6: Hello! Silverlight. Enjoy The UX!!

DEM

O

DEM

O

Hello World!

네이버 실버라이트 까페 (http://www.slkorea.net) 6

Page 7: Hello! Silverlight. Enjoy The UX!!

개발 flow

네이버 실버라이트 까페 (http://www.slkorea.net) 7

Team Foundation Server

Visual studio 2008

Blend

Silverlight Project개발자 디자이너

Page 8: Hello! Silverlight. Enjoy The UX!!

개발 flow

네이버 실버라이트 까페 (http://www.slkorea.net) 8

Design(XAML) Code(CS)

Page 9: Hello! Silverlight. Enjoy The UX!!

디자이너

네이버 실버라이트 까페 (http://www.slkorea.net) 9

Team Foundation Server

Blend

Page 10: Hello! Silverlight. Enjoy The UX!!

디자이너

네이버 실버라이트 까페 (http://www.slkorea.net) 10

Design(XAML)

Page 11: Hello! Silverlight. Enjoy The UX!!

디자이너

네이버 실버라이트 까페 (http://www.slkorea.net) 11

Team Foundation Server

Blend

Page 12: Hello! Silverlight. Enjoy The UX!!

프로그래머

네이버 실버라이트 까페 (http://www.slkorea.net) 12

Team Foundation Server Visual studio 2008

Page 13: Hello! Silverlight. Enjoy The UX!!

프로그래머

네이버 실버라이트 까페 (http://www.slkorea.net) 13

Code(CS)

Page 14: Hello! Silverlight. Enjoy The UX!!

프로그래머

네이버 실버라이트 까페 (http://www.slkorea.net) 14

Team Foundation Server Visual studio 2008

Page 15: Hello! Silverlight. Enjoy The UX!!

DEM

O

DEM

O

CoWork

네이버 실버라이트 까페 (http://www.slkorea.net) 15

Page 16: Hello! Silverlight. Enjoy The UX!!

Control

네이버 실버라이트 까페 (http://www.slkorea.net) 16

80 여 개의 Control 제공

Page 17: Hello! Silverlight. Enjoy The UX!!

DEM

O

DEM

O

Use controls

네이버 실버라이트 까페 (http://www.slkorea.net) 17

Page 18: Hello! Silverlight. Enjoy The UX!!

Event

네이버 실버라이트 까페 (http://www.slkorea.net) 18

Control 에 특별한 상황이 발생한 경우

Loaded - 화면에 출력 준비 완료

Click - 사용자가 클릭한 경우

MouseEnter - 마우스 포인터가 들어옴

MouseLeave - 마우스 포인터가 떠남

MouseMove - 마우스가 움직임

Example) Button

Page 19: Hello! Silverlight. Enjoy The UX!!

DEM

O

DEM

O

Use events

네이버 실버라이트 까페 (http://www.slkorea.net) 19

Page 20: Hello! Silverlight. Enjoy The UX!!

Animation

네이버 실버라이트 까페 (http://www.slkorea.net) 20

Silverlight 에서 가장 중요한 요소

(100, 100)

(200, 200)

2 초 후 X 좌표 : 200

2 초 후 Y 좌표 : 2002 초

Page 21: Hello! Silverlight. Enjoy The UX!!

Animation

네이버 실버라이트 까페 (http://www.slkorea.net) 21

Storyboard – Animation1, Animation2 …

2 초 후 X 좌표 : 200

2 초 후 Y 좌표 : 200

<Storyboard>

<Animation 시간 :2 초 대상 :X 좌표 값 :200/>

<Animation 시간 :2 초 대상 :Y 좌표 값 :200/>

</Storyboard>

Page 22: Hello! Silverlight. Enjoy The UX!!

DEM

O

DEM

O

Make animation

네이버 실버라이트 까페 (http://www.slkorea.net) 22

Page 23: Hello! Silverlight. Enjoy The UX!!

Export

네이버 실버라이트 까페 (http://www.slkorea.net) 23

Silverlight 로 만든 프로그램을 웹에 배포

{Project}\Bin\Debug\Release

Page 24: Hello! Silverlight. Enjoy The UX!!

Export

네이버 실버라이트 까페 (http://www.slkorea.net) 24

XAP – Project 와 관련된 파일을 압축

Page 25: Hello! Silverlight. Enjoy The UX!!

Export

네이버 실버라이트 까페 (http://www.slkorea.net) 25

FTP 를 이용해 XAP 업로드

Page 26: Hello! Silverlight. Enjoy The UX!!

Export

네이버 실버라이트 까페 (http://www.slkorea.net) 26

블로그나 카페에 글을 쓸 때 다음 html 추가

업로드한 XAP 의 주소실버라이트 버전

Page 27: Hello! Silverlight. Enjoy The UX!!

F A Q

F A Q

Silverlight 를 사용하려면 .NET 3.5 가 있어야 하는가 ?

Page 28: Hello! Silverlight. Enjoy The UX!!

F A Q

F A Q

4MbRuntime

197MbRuntime

Silverlight Runtime .NET 3.5 Runtime

Page 29: Hello! Silverlight. Enjoy The UX!!

F A Q

F A Q

Silverlight 를 사용하려면 IIS 가 있어야하는가 ?

Page 30: Hello! Silverlight. Enjoy The UX!!

F A Q

F A Q

xap download

단순히 XAP 파일만 제공해주면 되기에 Server 의 종류는 상관 없다 .

Client Server

Page 31: Hello! Silverlight. Enjoy The UX!!

F A Q

F A Q

Silverlight 를 사용하려면 ASP.NET 을 사용해야 하는가 ?

Page 32: Hello! Silverlight. Enjoy The UX!!

F A Q

F A Q

네이버 실버라이트 까페 (http://www.slkorea.net) 32

Silverlight 는 HTML 만을 사용한다 .

Page 33: Hello! Silverlight. Enjoy The UX!!

F A Q

F A Q

Silverlight 에서 Database 접속이 가능한가 ?

Page 34: Hello! Silverlight. Enjoy The UX!!

F A Q

F A QFAQ

xap download

Database 주소

Database ID/PW

Client Server

Database

Page 35: Hello! Silverlight. Enjoy The UX!!

F A Q

F A Q

Team Foundation Server 가 없어요

Page 36: Hello! Silverlight. Enjoy The UX!!

F A Q

F A Q

http://www.codeplex.com

프로젝트 호스팅 제공

Page 37: Hello! Silverlight. Enjoy The UX!!

Q & A