Hello! Silverlight. Enjoy The Hello! Silverlight. Enjoy The UX!!UX!! 실버라이트 개발 환경 구성하기
광운대학교 광운대학교 & & 삼성 소프트웨어 멤버십 삼성 소프트웨어 멤버십antasis9@ gmail.comantasis9@ gmail.com
하승민하승민 ((승미승미 ))
개발 환경
네이버 실버라이트 까페(http://www.slkorea.net) 2
VS2008 SP1
Blend
Silverlight Tools
Visual studio 2008
DeepZoom ComposerDeveloper
Designer
Expression Web
개발 환경
네이버 실버라이트 까페(http://www.slkorea.net) 3
Silverlight Café
http://cafe.naver.com/mssilverlight/4471
Silverlight App 의 구성
네이버 실버라이트 까페(http://www.slkorea.net) 4
Design(XAML) Code(CS)
XAML 과 CS
네이버 실버라이트 까페(http://www.slkorea.net) 5
Design(XAML)
Code(CS)
DEMO
DEMO
Hello World!
네이버 실버라이트 까페(http://www.slkorea.net) 6
개발 flow
네이버 실버라이트 까페(http://www.slkorea.net) 7
Team Foundation Server
Visual studio 2008
Blend
Silverlight Project개발자 디자이너
개발 flow
네이버 실버라이트 까페(http://www.slkorea.net) 8
Design(XAML) Code(CS)
디자이너
네이버 실버라이트 까페(http://www.slkorea.net) 9
Team Foundation Server
Blend
디자이너
네이버 실버라이트 까페(http://www.slkorea.net) 10
Design(XAML)
디자이너
네이버 실버라이트 까페(http://www.slkorea.net) 11
Team Foundation Server
Blend
프로그래머
네이버 실버라이트 까페(http://www.slkorea.net) 12
Team Foundation Server Visual studio 2008
프로그래머
네이버 실버라이트 까페(http://www.slkorea.net) 13Code(CS)
프로그래머
네이버 실버라이트 까페(http://www.slkorea.net) 14
Team Foundation Server Visual studio 2008
DEMO
DEMO
CoWork
네이버 실버라이트 까페(http://www.slkorea.net) 15
Control
네이버 실버라이트 까페(http://www.slkorea.net) 16
80 여 개의 Control 제공
DEMO
DEMO
Use controls
네이버 실버라이트 까페(http://www.slkorea.net) 17
Event
네이버 실버라이트 까페(http://www.slkorea.net) 18
Control 에 특별한 상황이 발생한 경우
Loaded - 화면에 출력 준비 완료
Click - 사용자가 클릭한 경우
MouseEnter - 마우스 포인터가 들어옴
MouseLeave - 마우스 포인터가 떠남
MouseMove - 마우스가 움직임
Example) Button
DEMO
DEMO
Use events
네이버 실버라이트 까페(http://www.slkorea.net) 19
Animation
네이버 실버라이트 까페(http://www.slkorea.net) 20
Silverlight 에서 가장 중요한 요소
(100, 100)
(200, 200)
2 초 후 X 좌표 : 200
2 초 후 Y 좌표 : 2002초
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>
DEMO
DEMO
Make animation
네이버 실버라이트 까페(http://www.slkorea.net) 22
Export
네이버 실버라이트 까페(http://www.slkorea.net) 23
Silverlight 로 만든 프로그램을 웹에 배포
{Project}\ Bin\ Debug\ Release
Export
네이버 실버라이트 까페(http://www.slkorea.net) 24
XAP – Project 와 관련된 파일을 압축
Export
네이버 실버라이트 까페(http://www.slkorea.net) 25
FTP 를 이용해 XAP 업로드
Export
네이버 실버라이트 까페(http://www.slkorea.net) 26
블로그나 카페에 글을 쓸 때 다음 html 추가
업로드한 XAP 의 주소실버라이트 버전
FAQ
FAQ
Silverlight 를 사용하려면 .NET 3.5 가 있어야 하는가 ?
FAQ
FAQ
4MbRuntime
197MbRuntime
Silverl ight Runtime .NET 3.5 Runtime
FAQ
FAQ
Silverlight 를 사용하려면 IIS 가 있어야하는가 ?
FAQ
FAQ
xap download
단순히 XAP 파일만 제공해주면 되기에Server 의 종류는 상관 없다 .
Client Server
FAQ
FAQ
Silverlight 를 사용하려면 ASP.NET 을 사용해 야 하는가 ?
FAQ
FAQ
네이버 실버라이트 까페(http://www.slkorea.net) 32
Silverlight 는 HTML 만을 사용한다 .
FAQ
FAQ
Silverlight 에서 Database 접속이 가능한가 ?
FAQ
FAQFAQ
xap download
Database 주소
Database ID/PW
Client Server
Database
FAQ
FAQ
Team Foundation Server 가 없어요
FAQ
FAQ
http://www.codeplex.com
프로젝트 호스팅 제공