New 2007 Microsoft Office system 새로운 2007 Office 시스템 UI 개발 모델 김유철 Office(VSTO) MVP ㈜닷넷엑스퍼트

목차 Office 2007 소개 새로운 UI 개발 모델 Add-In 을 통한 개발 오픈 파일 XML 파일 포맷 18년 11월 27일 13시 22분 7초18년 11월 27일 13시 22분 7초 목차 Office 2007 소개 새로운 유저의 경험 새로운 UI 개발 모델 RibbonX Add-In 을 통한 개발 오픈 파일 XML 파일 포맷 2 ©2005 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary. ©2005 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.

왜 새로운 UI 필요한가? Office 과거를 돌이켜보면서…

18년 11월 27일 13시 22분 7초 5 ©2005 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.

Excel 2003 에서의 사용자 툴바 도큐먼트에 툴바 추가 코드를 통한 툴바 추가 18년 11월 27일 13시 22분 8초 Excel 2003 에서의 사용자 툴바 도큐먼트에 툴바 추가 코드를 통한 툴바 추가 Word 와 다르게 Excel은 모든 UI 변화가 누적되어서 나타남 6 © 2006 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.

18년 11월 27일 13시 22분 8초 7 © 2006 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.

왜 새로운 UI 필요한가? 메뉴/툴바는 오피스 전체기능을 쉽게 보기위해서 디자인 되어져야 한다. 갈수록 기능을 찾기가 더 어려워진다. “어디서부터 시작해야 할지…” 8

새로운 UI – Office 2007 오피스 2007 의 새로운 UI 디자인 목표: 더 쉬운 사용 18년 11월 27일 13시 22분 8초 새로운 UI – Office 2007 오피스 2007 의 새로운 UI 디자인 목표: 더 쉬운 사용 제품을 사용하므로써 능률 향상 필요한 기능을 더 많이 쉽게 보여준다. 멋진 문서 생성을 지원 9 ©2005 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.

새로운 유저 경험

새로운 UI 구성요소들 “Ribbon” Galleries Live Preview Contextual Tools 18년 11월 27일 13시 22분 8초 새로운 UI 구성요소들 “Ribbon” Galleries Live Preview Contextual Tools Quick Access Toolbar (“QAT”) “Floatie” “Super Tooltips” Enhanced window frame “KeyTips” and Keyboard Navigation Streamlined Options Context Menus New File Menu 11 ©2005 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.

Tabs 각 프로그램마다 동일한 방식으로 구현 Office 2007 UI 재구성 핵심작업 작업창 사용자 리본 확장 Tabs 각 프로그램마다 동일한 방식으로 구현 Ribbon 메뉴와 툴바를 대치

Ribbon (리본메뉴) 18년 11월 27일 13시 22분 8초18년 11월 27일 13시 22분 8초 13 FileMenu QAT Tabs - You saw it earlier today in a talk by Jensen Harris Tabs – high-level tasks Chunks – logical groups of controls Controls. Ribbon is your playground. You can use the new UI—you can integrate in to it, and you can manipulate it. Chunks(그룹) Control 13 ©2005 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.

새로운 UI 개발 모델 : RibbonX XML 포맷으로 선언됨 추가 위치 (탭, 그룹추가,파일 메뉴,상황(구문) 메뉴) * 18년 11월 27일 13시 22분 8초 새로운 UI 개발 모델 : RibbonX 추가 위치 (탭, 그룹추가,파일 메뉴,상황(구문) 메뉴) XML 포맷으로 선언됨 <tab id=“myTab” label=“Contoso”> <group id=“myGroup” label=“Contoso”> <button id=“myButton” getImage=“…” label=“Case ID Number” onAction=“…” /> </group> </tab> 14 * © 2006 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary. ©2005 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.

RibbonX - 장점/단점 장점 단점 (안되는 기능) 모든 애플케이션이 동일한 방법 적용 개발자들을 편안하게 만듬 상태바 * 18년 11월 27일 13시 22분 8초 * RibbonX - 장점/단점 장점 모든 애플케이션이 동일한 방법 적용 개발자들을 편안하게 만듬 모은 메인 탭을 숨김 (‘Start From Scratch’) 내장컨트롤/이미지 참조가 쉬움 – 컨트롤별 코드부여됨 단점 (안되는 기능) 상태바 미니바(Floatie) 미리 구현된 그룹에 추가/삭제 컨택스트 메뉴 (Right-click) 15 * © 2006 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary. ©2005 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.

RibbonX 스키마 id, idMso insertAfterMso / insertBeforeMso image, imageMso * 18년 11월 27일 13시 22분 8초 * RibbonX 스키마 id, idMso 사용자 ID 정의, 내장 ID 참조 insertAfterMso / insertBeforeMso 내장 컨트롤의 관계에 따른 추가 image, imageMso 자신의 이미지, 내장 이미지 지정 getImage, onAction, getEnabled, getVisible 콜백함수를 위해서 사용 We are not talking about idQ in this introduction. 16 * © 2006 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary. ©2005 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.

간단한 콜백 예제 <button id=“MyButton” 18년 11월 27일 13시 22분 8초 간단한 콜백 예제 <button id=“MyButton” label=“My First Button” getImage=“myButtonImage” onAction=“myButtonClick” /> 버튼 이미지를 얻기 위해서 오피스가 지정된 함수(myButtonImage)를 호출 버튼클릭시 지정된함수(myButtonClick)호출 17 © 2006 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.

RibbonX 기본 구조 예제 <ribbon> <tabs> 18년 11월 27일 13시 22분 8초 RibbonX 기본 구조 예제 <ribbon> <tabs> <tab id="TabInsert"> <chunk id="x:MyChunk” label="Contoso" insertAfter="ChunkHeaderFooter"> <button id="x:MyButton" size="large" label="Case ID Number" /> </chunk> </tab> </tabs> </ribbon> 18 ©2005 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.

RibbonX COM Add-In IRibbonExtensibility 인터페이스 구현 VSTO ‘v3’ * 18년 11월 27일 13시 22분 8초 * RibbonX COM Add-In IRibbonExtensibility 인터페이스 구현 GetCustomUI 메서드를 통해서 RibbonX 구성 리턴 VSTO ‘v3’ RibbonX 디자인/런타임 지원 19 * © 2006 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary. ©2005 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.

Ribbon 확장하기 18년 11월 27일 13시 22분 8초18년 11월 27일 13시 22분 8초 21 ©2005 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.

파일 베이스 UI 커스텀마이징 Office 프로그램 없이 XML 파일 수정으로… CustomUI 부분 포함 18년 11월 27일 13시 22분 8초 파일 베이스 UI 커스텀마이징 Office 프로그램 없이 XML 파일 수정으로… CustomUI 부분 포함 콜백으로써 VBA 매크로 참조 예제: <button id=“myButton” label=“My Favorite Macro” onAction=“excelCalcMacro” /> 22 ©2005 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.

Office XML 파일 포맷 구조 사용자 관점: 하나의 오피스 “파일” 개발자관점: 조립식 파일 file 문서 부분들 Questionnaire. docx 사용자 관점: 하나의 오피스 “파일” 개발자관점: 조립식 파일 file 문서 부분들 대부부은 XML 각 XML 부분은 간결한 컴퍼넌트 오피스 프로그램없이 개별적으로 추가하거나 변경이 가능 부분적 요소의 오류에 의한 오픈 금지를 행하지 않는다.

파일 베이스 UI 커스텀마이징 18년 11월 27일 13시 22분 8초18년 11월 27일 13시 22분 8초 24 ©2005 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.

Question? 기존 솔루션은… 다음에 추가되면 …나타난다… Add-Ins 탭에. 내장 메뉴에 … 18년 11월 27일 13시 22분 8초 Question? 기존 솔루션은… 다음에 추가되면 …나타난다… 내장 메뉴에 … “Menu Commands” 구역이 생김 내장 툴바에 … “Toolbar Commands” 구역이 생김 사용자 지정 툴바 … 자기 자신의 구역이 생김 Add-Ins 탭에. 25 ©2005 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.

Custom Ribbon Extensions 사용자 지정 작업창 Core Tasks Task Panes Custom Ribbon Extensions 도큐먼트(문서) 레벨 VSTO 2005 작업창 솔루션 (smart documents) 은 계속 사용 VSTO ‘3’ 은 기본적으로 동일한 개발환경하에 제공 애플리케이션 레벨 Office 2007 제품(Powerpoint,Outlook,Visio… ) 내에서 동일하게 사용

Office 시스템 플랫폼

참고 2007 Office System Preview Site http://www.microsoft.com/office/preview/default.mspx Visual Stuido Future Versions(코드명:Orcas) http://msdn.microsoft.com/vstudio/future The Beta Experience: http://www.microsoft.com/betaexperience/en/default.aspx

© 2003-2004 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.