Top Banner
Hello! Silverlight. Enjoy The Hello! Silverlight. Enjoy The UX!! UX!! 실버라이트 개발 환경 구성하기 광운대학교 광운대학교 & & 삼성 소프트웨어 멤버십 삼성 소프트웨어 멤버십 antasis9@ gmail.com antasis9@ gmail.com 하승민 하승민 ( ( 승미 승미 ) )
37

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

Jul 14, 2015

Download

Technology

antasis9
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 Hello! Silverlight. Enjoy The UX!!UX!! 실버라이트 개발 환경 구성하기

광운대학교 광운대학교 & & 삼성 소프트웨어 멤버십 삼성 소프트웨어 멤버십antasis9@ gmail.comantasis9@ gmail.com

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

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

개발 환경

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

VS2008 SP1

Blend

Silverlight Tools

Visual studio 2008

DeepZoom ComposerDeveloper

Designer

Expression Web

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

개발 환경

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

Silverlight Café

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

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

Silverlight App 의 구성

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

Design(XAML) Code(CS)

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

XAML 과 CS

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

Design(XAML)

Code(CS)

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

DEMO

DEMO

Hello World!

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

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

개발 flow

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

Team Foundation Server

Visual studio 2008

Blend

Silverlight Project개발자 디자이너

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

개발 flow

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

Design(XAML) Code(CS)

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

디자이너

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

Team Foundation Server

Blend

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

디자이너

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

Design(XAML)

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

디자이너

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

Team Foundation Server

Blend

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

프로그래머

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

Team Foundation Server Visual studio 2008

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

프로그래머

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

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

프로그래머

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

Team Foundation Server Visual studio 2008

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

DEMO

DEMO

CoWork

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

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

Control

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

80 여 개의 Control 제공

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

DEMO

DEMO

Use controls

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

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

Event

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

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

Loaded - 화면에 출력 준비 완료

Click - 사용자가 클릭한 경우

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

MouseLeave - 마우스 포인터가 떠남

MouseMove - 마우스가 움직임

Example) Button

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

DEMO

DEMO

Use events

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

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

Animation

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

Silverlight 에서 가장 중요한 요소

(100, 100)

(200, 200)

2 초 후 X 좌표 : 200

2 초 후 Y 좌표 : 2002초

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

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: 실버라이트 개발 환경 구성하기

DEMO

DEMO

Make animation

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

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

Export

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

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

{Project}\ Bin\ Debug\ Release

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

Export

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

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

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

Export

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

FTP 를 이용해 XAP 업로드

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

Export

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

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

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

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

FAQ

FAQ

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

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

FAQ

FAQ

4MbRuntime

197MbRuntime

Silverl ight Runtime .NET 3.5 Runtime

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

FAQ

FAQ

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

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

FAQ

FAQ

xap download

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

Client Server

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

FAQ

FAQ

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

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

FAQ

FAQ

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

Silverlight 는 HTML 만을 사용한다 .

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

FAQ

FAQ

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

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

FAQ

FAQFAQ

xap download

Database 주소

Database ID/PW

Client Server

Database

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

FAQ

FAQ

Team Foundation Server 가 없어요

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

FAQ

FAQ

http://www.codeplex.com

프로젝트 호스팅 제공

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

Q & A