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
프로젝트 호스팅 제공