2 주 실습강의 2009. 1 학기, 소프트웨어 설계 및 실험 ( Ⅰ ). Artificial Intelligence Laboratory Preview  웹 2.0  RIA  웹과 실버라이트의 실행 구조  Silverlight with VS 2008  설치 프로그램.

Presentation on theme: "2 주 실습강의 2009. 1 학기, 소프트웨어 설계 및 실험 ( Ⅰ ). Artificial Intelligence Laboratory Preview  웹 2.0  RIA  웹과 실버라이트의 실행 구조  Silverlight with VS 2008  설치 프로그램."— Presentation transcript:

1 2 주 실습강의 2009. 1 학기, 소프트웨어 설계 및 실험 ( Ⅰ )

2 Artificial Intelligence Laboratory Preview  웹 2.0  RIA  웹과 실버라이트의 실행 구조  Silverlight with VS 2008  설치 프로그램  이 주의 실습

3 Artificial Intelligence Laboratory 웹 2.0  온라인을 통해서 정보를 공유하고 협업하는 것을 가능하 게 하는 2 세대 WWW 서비스 Client Server 기업 내에 직접 어플리케이션 설치 데이터 저장 및 보호에 관심 Web 1.0 인터넷 망의 확산으로 웹 어플리케이션 확산 데스크 탑과 같은 강력한 기능 요구 Web 2.0 사용자 중심의 웹 사용자의 경험을 극대화 시킬 수 있는 웹 데스크 탑의 갭을 줄이기 위한 노력 ~1990 년대 1990 년대 ~ 2004 2004 ~ 현재

4 Artificial Intelligence Laboratory 웹 2.0  사용자를 위한 웹  UCC, RSS, AJAX, 웹 표준, Mash up, RIA, Open API 참여 UC C Blog 공유 RSS 태그 개방 Open API Mash up 웹 2.0

5 Artificial Intelligence Laboratory RIA (Rich Internet Application) 가벼움 무거움  통신과 HTML 표현의 한계를 보완하기 위한 기술  사용자 경험 보완  새로고침 없이 서버와 통신 Classic HTML AJAXFlash & Flex Silver Light ActiveX & SmartClient WPF (XBAP) 대표적인 RIA 기술

6 Artificial Intelligence Laboratory RIA (Rich Internet Application) AJAX 검색어 자동완성 FLEX CGV 홈페이지

7 Artificial Intelligence Laboratory RIA (Rich Internet Application) Web Server Page 1Page 2Page 3Page 4 HTML Web Server RIA (Rich Internet Application) Data 기존 웹 사이트 RIA Classic WebRIA 장점 클라이언트에게 최대한 가벼운 환경을 제공한다. 풍부한 UI 를 표현할 수 있다. 사용자 경험을 극대화할 수 있다. 단점 UI 표현의 많은 제약을 가지고 있 다. 지능적인 페이지를 만들기에는 많은 한계를 가지고 있다. 기존의 사용자 경험이 무시될 수도 있다. 환경에 적합하지 않은 RIA 기술을 선택할 경우 효율성이 떨어질 수 있다. 대부분의 RIA 기술들은 검색엔진에 노출 도리 수 없다.

8 Artificial Intelligence Laboratory 웹의 실행구조 1. 웹 서버에서 HTML 을 다운 받음 2. 다운받은 HTML 은 인터넷 임시 폴 더에 저장됨 3. 저장한 HTML 을 브라우저 파서가 파싱하여 보여줌

9 Artificial Intelligence Laboratory 실버라이트의 실행구조 1. 웹 서버에서 HTML 과 DLL 을 다운받음 2. 다운받은 XAML 과 DLL 은 인터넷 임 시 폴더에 저장됨 3. 저장한 XAML 파 일은 브라우저에 임베디드 됨 4. 브라우저에 포함 된 XAML 파일은 실 버라이트 런타임에 의해서 실행됨

10 Artificial Intelligence Laboratory Silverlight with VS 2008 (1)

11 Artificial Intelligence Laboratory Silverlight with VS 2008 (2)

12 Artificial Intelligence Laboratory Silverlight with VS 2008 (3)

13 Artificial Intelligence Laboratory Silverlight with VS 2008 (4)

14 Artificial Intelligence Laboratory Silverlight with VS 2008 (5)

15 Artificial Intelligence Laboratory Silverlight with VS 2008 (6)

16 Artificial Intelligence Laboratory Silverlight with VS 2008 (7)

17 Artificial Intelligence Laboratory Silverlight with VS 2008 (8)

18 Artificial Intelligence Laboratory Silverlight with VS 2008 (9) private void Button_Click(object sender, RoutedEventArgs e) { textBox.Text = (String)((Button)sender).Content; ((Button)sender).Content = "Clicked"; }

19 Artificial Intelligence Laboratory 기본 컨트롤 (1) 컨트롤설명 Button 주로 작업을 수행하도록 명령을 내리는 버튼 컨트롤 Calendar 날짜 형식의 데이터를 입력 받고자 할 때 사용하는 컨트롤 CheckBox 사용자가 설정 / 해제할 수 있는 박스 모양의 컨트롤 ( 다중 선택 가능 ) RadioButton 사용자가 설정 / 해제할 수 있는 원 모양의 컨트롤 ( 다중 선택 불가 ) HyperLinkButton 하이퍼링크 스타일의 버튼 컨트롤 Image 이미지를 화면에 표시하는 컨트롤 DatePicker 텍스트박스와 달력 컨트롤을 조합하여 만든 컨트롤

20 Artificial Intelligence Laboratory 기본 컨트롤 (2) 컨트롤설명 ScrollViewer 컨텐츠의 내용이 지정된 컨텐츠 영역보다 더 클 때 상하 또는 좌우의 스크롤바를 표시하여 컨텐츠의 나머지 내용을 볼 수 있도록 하는 컨트롤 Slider 특정 범위 안에 있는 값을 선택할 수 있도록 하는 컨트롤 Panel 다른 컨트롤의 컨테이너 역할을 하는 컨트롤 Tab 여러 개의 UI 를 하나의 지정된 영역에 표시할 때 사용하는 컨트롤 http://msdn.microsoft.com/en-us/library/cc838158(vs.95).aspx

21 Artificial Intelligence Laboratory 설치 프로그램  Microsoft Visual Studio 2008  Microsoft Visual Studio 2008 SP1  Microsoft Expression Studio 2  Microsoft Expression Blend 2 SP1  Silverlight Tools for Visual Studio 2008 SP1

22 Artificial Intelligence Laboratory 설치 프로그램 www.dreamspark.com  Professional Developer and Designer tools for students at no charge

23 Artificial Intelligence Laboratory 이 주의 실습  Web Page 계산기 만들기  기본적인 사칙연산만 구현하여도 상관없음.