세티의 Lonely Star ::

Step by Step 기술자료 (0)	2009/09/09
ASP.NET, Silverlight 관련 정보 공유 (0)	2009/08/29
MSDN 웹 캐스트 시리즈 (0)	2009/07/28
데이터베이스 구조 튼튼한지 확인(02) (0)	2009/04/26
관계형이란(01) (0)	2009/04/26
사용자 데이터베이스 이전하기. (0)	2008/12/21

Expression Blend 3를 만나는 곳

Silverlight(Tools, Tech.) 2009/07/27 15:08

몇 일전에 익스프레션 블렌드 3와 실버라이트 3.0이 발표 되었습니다.
좀 늦은 포스팅 이긴 하지만 관련 자료를 열람할 수 있는 주소를 정리해 보았습니다.

관심 있는 분들은 천천히 읽어보셔도 좋을 듯 합니다.
특히 Visual Kitchen은 한 시간 짜리 동영상 이긴 하지만 말은 잘 못알아들어도 봐두시면 익스프레션 블렌드 3.0의 특징에 대해 잘 아실 수 있게 됩니다. 꼭 보시면 도움이 될 겁니다. 한 시간만 투자하세요.^^

실버라이트 3.0 퀵 스타트 : http://silverlight.net/quickstarts/
실버라이트 3.0 개발툴 관련 사이트 : http://silverlight.net/GetStarted/
실버라이트 3.0 특징 : http://silverlight.net/learn/videocat.aspx?cat=12
실버라이트 3.0 도입 사례 : http://www.microsoft.com/silverlight/
실버라이트 3.0에서 새로워진 부분 : http://silverlight.net/getstarted/silverlight3/default.aspx
익스프레션 블렌드 3에 대한 소개 : http://expression.microsoft.com/ko-kr/dd565875(en-us).aspx
익스프레션 블렌드 3(스케치 플로우)에 대한 소개 : http://expression.microsoft.com/en-us/ee215229.aspx
딥줌 composer 다운로드 : http://www.microsoft.com/downloads/details.aspx?displaylang=en&FamilyID=457b17b7-52bf-4bda-87a3-fa8a4673f8bf
익스프레션 블렌드에 대한 새로운 특징과 기능을 상세하게 감상할 수 있는 Visual Kitchen : http://www.microsoft.com/silverlight/seethelight/

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

'Silverlight(Tools, Tech.)' 카테고리의 다른 글

Expression Blend 3를 만나는 곳 (0)	2009/07/27
[Expression Media] 5. Expression Media로 미디어 파일 버전관리 (2)	2009/07/20
[Expression Media] 4. Expression Media로 슬라이드 쇼 만들기 (0)	2009/07/17
[Expression Media] 3. 카탈로그 다루기. (0)	2009/07/06
[Expression Media] 2. EM을 이용한 HTML 갤러리 생성 (0)	2009/07/05
[Expression Media] 1. Expression Media란? (0)	2009/07/04

Posted by -세티-

Expression Blend 3.0, Silverlight3

0 | 0

[Expression Media] 5. Expression Media로 미디어 파일 버전관리

Silverlight(Tools, Tech.) 2009/07/20 06:00

Expression Media는 미디어 파일 변경에 대한 버전관리 기능을 제공합니다.
버전관리 기능을 통해 변경된 이미지와 원본 이미지를 선택해서 사용할 수 있습니다.
원본 이미지를 실수로 변경해서 원본 손실에 대한 후회를 조금은 덜 수 있게 되었습니다.

먼저 Expression Media를 실행합니다.
[파일] 에서 [항목 가져오기]로 이동하고 [파일/폴더에서(F)]를 클릭합니다.

사용할 미디어 파일을 선택합니다.

아래 이미지에서 빨간 네모 아이콘은 [라이트 테이블] 이라고 하는 기능입니다.

라이트 테이블은 선택한 이미지를 보거나 비교할 때 매우 유용합니다.
이것을 통해 간단하게 이미지를 변경하거나 회전을 시킬 수 있고, 또한 이미지의 색 레이블이나, 파일 이름, 크기, 크기 조정 백분율 등이 표시 됩니다.

아래의 이미지 처럼 [이미지 편집기]를 클릭합니다.
이미지 편집기는 이미지의 색이나 밝기, 선명도, 이미지 보정등에 사용되는 도구 입니다.
이미지 편집기에서 지원되는 다양한 기능을 적용해 보세요.

아래는 이미지 편집기로 변경한 이미지 입니다.

이렇게 변경된 이미지는 버전관리를 해줌으로써 여러가지 미디어 버전을 확보할 수 있습니다.
변경한 이미지가 마음에 들지 않을 경우 버전 폴더에서 이전 이미지를 가져오기만 하면 됩니다.
그러기 위해선 먼저 버전 폴더를 생성해야 합니다.
버전 폴더는 [이미지 편집기]에서 [설정]을 클릭함으로써 생성합니다.

버전 폴더를 생성한 후 이미지를 변경해 보세요.
그러면 아래 그림 처럼 미디어 버전이 만들어 지게 됩니다.

변경한 이미지를 다시 변경하게 되면 이미지 버전이 새롭게 추가 됩니다.

이렇게 생성된 이미지는 버전 폴더에 차곡차곡 쌓이게 됩니다.

이미지를 다시 돌리는 방법은 생성된 미디어 버전을 선택함으로써 편리하게 변경할 수 있습니다.

[참고]
1. OMSS, http://silverlight.net/Learn/videocat.aspx?cat=6
2. Expression Media Help Guide

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

'Silverlight(Tools, Tech.)' 카테고리의 다른 글

Expression Blend 3를 만나는 곳 (0)	2009/07/27
[Expression Media] 5. Expression Media로 미디어 파일 버전관리 (2)	2009/07/20
[Expression Media] 4. Expression Media로 슬라이드 쇼 만들기 (0)	2009/07/17
[Expression Media] 3. 카탈로그 다루기. (0)	2009/07/06
[Expression Media] 2. EM을 이용한 HTML 갤러리 생성 (0)	2009/07/05
[Expression Media] 1. Expression Media란? (0)	2009/07/04

Posted by -세티-

Expression Media, 미디어 버전관리

0 | 2

22일에 개기일식 생중계 합니다.

Astronomy 2009/07/19 21:04

한국아마추어천문학회 서울/경기 지부에서 개기일식 관측을 위해 중국을 갑니다.
당일날 아프리카 TV를 통해 일식에 대해 생중계를 계획하고 있으시더군요.

관련글 : http://seoulkaas.new21.net/zb-5/?sid=699&article_srl=7798431

한국에서도 조금 보이긴 하겠지만 마침 그 날은 비가 온다는 예보가 있어서 보긴 힘들거 같구요.
중국에서는 날씨가 화창해서 100% 볼 수 있다고

합니다.

중국에서의 개기일식은 약 5~6분간 지속된다고 합니다. 최대의 개기일식은 아니지만 작은 개기일식은 더더구나 아니라고 합니다. 관심 있으신 분들은 위의 채널에 접속해서 개기일식을 생중계로 보시기 바랍니다.

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

'Astronomy' 카테고리의 다른 글

[광고글] 2009 대한민국 별축제 및 학생천체관측대회 (1)	2009/10/18
적경과 적위에 대한 기본지식 (0)	2009/09/14
22일에 개기일식 생중계 합니다. (1)	2009/07/19
퀘이사를 어떻게 찾나요? (0)	2009/05/21
TWAN 프로젝트 (0)	2009/04/01
성도, 황도 12궁, 북극점과 세차운동 (1)	2009/03/31

Posted by -세티-

개기일식, 한국아마추어천문학회

0 | 1

[Expression Media] 4. Expression Media로 슬라이드 쇼 만들기

Silverlight(Tools, Tech.) 2009/07/17 01:18

오늘 정리한 내용은 Expression 미디어로 슬라이드 쇼 만들기 입니다.
정리해논 자료가 좀 되는데 시간이 부족해서 올리질 못하네요.^^:

슬라이드 쇼를 만들기 위해 필요한 이미지를 몇 장 선택하고 EM에 추가합니다.

다음엔 메뉴바에서 [만들기]를 클릭합니다.

[슬라이드 쇼 옵션]에는 다양한 슬라이드 속성을 설정할 수 있도록 되어 있습니다.
지속시간은 슬라이드 전환 시간이고, 색은 배경색이며, 전환은 전환되면서 슬라이드가 표현하는 양식 입니다. 미디어 크기 조정은 슬라이드 쇼 완성 후 보여지는 이미지의 크기 이며, 스테이지 모눈은 전체화면에서 이미지를 몇개로 보여줄 것인가 하는 부분입니다.

취향대로 속성을 설정하고, 마지막으로 재생옵션과 일반옵션을 선택하는데 음성 주석 재생은 체크를 하지 않습니다. 마지막으로 슬라이드 쇼 [실행]을 클릭합니다.

전 전환시 아무 효과가 없도록 했습니다.

메뉴바에도 [Run] 버튼이 있습니다.

아래의 그림처럼 슬라이드 쇼가 진행되면서 현재 보여지고 있는 이미지를 빨간 글씨로 표시해 줍니다.

또한 [텍스트]에서 미디어 파일의 정보를 체크를 통해 볼 수 있습니다.

[정보] 에서는 미디어 파일의 디테일한 메타정보를 확인할 수 있습니다.

이제 슬라이드 쇼를 저장합니다.
굳이 설명하지 않아도 다 아실겁니다. 굉장히 옵션 자체가 굉장히 직관적 입니다.
적절하게 선택하고, [만들기]를 클릭하면 하나의 MOV 파일이 생성됩니다.

생성된 MOV 파일을 클릭하면 아래의 그림처럼 슬라이드 쇼가 완성됩니다.
이미지 뿐만이 아니라 동영상도 이와 같은 방법으로 슬라이드 쇼처럼 만들수 있습니다.

[참고]
1. OMSS, http://silverlight.net/Learn/videocat.aspx?cat=6
2. Expression Media Help Guide

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

'Silverlight(Tools, Tech.)' 카테고리의 다른 글

Expression Blend 3를 만나는 곳 (0)	2009/07/27
[Expression Media] 5. Expression Media로 미디어 파일 버전관리 (2)	2009/07/20
[Expression Media] 4. Expression Media로 슬라이드 쇼 만들기 (0)	2009/07/17
[Expression Media] 3. 카탈로그 다루기. (0)	2009/07/06
[Expression Media] 2. EM을 이용한 HTML 갤러리 생성 (0)	2009/07/05
[Expression Media] 1. Expression Media란? (0)	2009/07/04

Posted by -세티-

Expression Media, 슬라이드 쇼

0 | 0

HCI란 학문은?(2)

HCI & UX 2009/07/08 21:58

어렸을 적 책읽기를 아주 싫어했었습니다. 그러던 것이 옆집 사는 친구에 의해 만화책을 접하게 되면서 책 읽기에 습관을 붙였고, 보고 싶던 만화책을 다보고 나니 손이 심심해서 소설책을 보게 되었습니다.
소설책을 시리즈로 구매하고, 계속해서 읽다보니 나중엔 책을 읽지 않으면 뭔가찜찜한 기분이 들게 되더라구요.
대학교 때 읽은 책이 그래서 한 1,500권 정도 됩니다.
지금은 바쁜 일상 때문에 과거와 같은 책 읽기를 하지 못하는 아쉬움이 있습니다.(게을러 진것도 포함)
아무튼 그 때 읽었던 다양한 분야의 책들이 사회 생활 하면서 도움이 될 때가 아주 많았습니다.
종교적 이슈나, 사회 문화적 이슈에 대해 접근할 수 있는 이해의 바탕이 되었고, 서로 다른 분야나 부분에 대해 조금이나 연관지어 이해할 수 있는 부분이 생겨나게 되었습니다.

왜 이런 이야기를 하게 되었냐면 HCI라는 학문도 여러분야와 연관되어 발전되고 있기 때문입니다.
인간은 참으로 다양한 활동을 합니다.
하루 3끼 밥을 먹고, 신문이나 TV 인터넷을 보고, 자동차를 몰면서 건물을 오르락 내리락 하고 걷기도 하고 사람들을 만나기도 합니다.
인간이라는 존재는 다른 사물 사이의 접점, 즉 인터페이스는 인간의 활동과 뗄래야 뗄수 없는 관계라고 생각됩니다. 흔히 HCI라고 하면 컴퓨터와 사람 사이의 인터페이스만 생각하기 마련인데 사람은 컴퓨터 뿐만이 아니라 다양한 사물과 접촉하기 때문에 다양한 형태의 상호작용을 이해하는데 필요한 학문이라고 생각하는게 더 좋을 것 같습니다.
결국 모든 것을 알아야 할지도 모른다는 생각이 듭니다. 하지만 학문이라는 것이 인간 행위의 모든 것을 설명할 수 는 없을 것 입니다. 끊임없는 관찰과 지속적인 인간 중심 고려만이 HCI를 하기 위한 기본 조건이 아닐까 생각해 봅니다.

그러기 위해선 경험이라는 부분이 매우 중요하다고 봅니다. 불편한 것에 대한 경험이 있어야 편한 것을 고민할 수 있고, 또 편한 것을 경험해야 편리함이 주는 이익에 대해 잘 알 수 있다고 생각합니다.
이것이 맞는 이야기 인지 아닌지는 모르겠지만 전 HCI라는 학문을 생각할 때 마다 옵션이 차별 적용되어 있는 자동차를 생각합니다.

(포드의 휴먼카 : http://www.hdvr.org/zbxe/files/attach/images/90563/116764/the-human-car-1.jpg)

깔끔한 인터페이스와 고장이 적은 것을 좋아하는 사람은 기본 옵션의 자동차를 고르게 될 것이고, 화려한 옵션과 편리함을 추구하는 사람은 풀-옵션 또는 세미-옵션의 자동차를 선택할 것이기 때문입니다.
기본 자동차를 타던 사람 중의 하나가 기본의 불편함을 느껴 옵션이 많이 적용된 자동차를 고르는 것은 편리함을 느끼고자 하기 때문일 것이고, 옵션이 많은 자동차를 타던 사람은 다양한 옵션 때문에 느끼게 되는 조작의 불편함이나 잦은 고장등에 스트레스를 느껴 기본 옵션의 자동차를 고를 수 있기 때문입니다.

어느 쪽이든 기본옵션의 자동차를 타던 옵션이 다양하게 가미된 자동차를 타던 인간이 중심이 되어 선택을 하게 되고 제품에는 인간 중심적인 설계를 하게 될 것이기 때문입니다.

따라서 HCI에 관심이 많다면 다양한 경험과 인간에 대한 끊임없는 고민 그리고 인문학 분야에 관심을 가지면 많은 도움이 되지 않을까 생각해 봅니다.

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

'HCI & UX' 카테고리의 다른 글

날씨에 맞춰 변하는 윈도우 컨셉 폰 (0)	2009/08/22
HCI란 학문은?(2) (6)	2009/07/08
HCI란 학문은?(1) (0)	2009/07/07
HCI (2) (0)	2009/04/18
HCI (1) (0)	2009/04/17
Microsoft UX Platform and Tool Overview By Chris Bernard (0)	2009/04/11

Posted by -세티-

HCI, 인간중심

0 | 6

HCI란 학문은?(1)

HCI & UX 2009/07/07 23:53

HCI는 문자 그대로 인간과 컴퓨터간의 상호작용이라고 합니다.
과거의 컴퓨터 학문은 단지 '기술' 이라는 것에만 촛점을 맞추고, 기술을 잘 구사하는 인력 양성에 그 핵심 목적이 있었다고 본다면 HCI는 그 범위에 사람들까지 포함시켜서 연구하는 학문이라고 합니다.

사실 요즘은 기술의 깊이보다는(그렇다고 기술이 중요하지 않다는 것은 아닙니다.) 그것을 사용하는 사람에 촛점을 맞추고 애플리케이션들을 개발합니다. 내부적으로 멋진 구성과 신기술이 집약된 애플리케이션이라 할지라도 그것을 사용하는 사람이 어렵게 느낀다면 외면 받는 것은 시간 문제일 뿐이기 때문입니다.

활자로 빽빽하게 설명된 책보다는 적절한 그림과 아기자기한 구성으로 이루어진 책이 사람들에게 더 어필되는 것과 같은 이치라고 봅니다. 결국 애플리케이션을 만드는 데 사용된 기술이 더 의미있는 기술이 될려면 복잡하지 않으면서 필요한 부분이 충족이 되고 또 그것을 사용하는 사람들의 요구가 얼마나 잘 반영되어 있는가에 달려 있다고 봅니다.

고객의 요구로 어떤 개발을 진행할 때도 '어떻게 하면 편리하게 개발할까?' 라는 고민을 하다보면 기존에 작성해 놓은 것을 잘 이용하여 조립의 형태로 빠르고 쉽게 개발을 진행하곤 합니다. 기술로 무언가를 구현하는 사람들이든 그 결과물을 사용하는 사람들이든 '편리함' 이라는 것을 더더욱 찾게 되는 것 같습니다.

(Microsoft Vision 2010 에서 캡처)

사람을 조금이라도 편하게 해주는 부분에 촛점을 맞춰 기술이라는 것도 진보하는 것 같습니다.
자동차, 엘리베이터, 전화기, 컴퓨터, 에어컨과 선풍기, 라면, 리모콘 등등

사람 자체에 대한 연구, 그리고 그 사람의 활동에 대한 연구를 통해 사람이 원하는 바를 파악해서 편리함을 주는 것이 HCI라고 봅니다.

아래에 기억에 남는 말들을 따로 정리해 보았습니다.

처음 기술이 소개되는 시대에는 기술 자체를 좋아하는 사람들이 많지만 기술의 성숙기에 접어들게 되면 편리함과 해결책을 원하는 사람들이 많아지게 된다. - 무어(G.A Moore), 노만(D.A. Norman)

사용자에 대한 개발자의 이해 부족이 중요한 이슈가 될 수 있다.

HCI의 시대는 인간 중심의 시대이다.

HCI는 인간이 사용하기에 적합한 인터랙티브 컴퓨터 시스템을 설계-평가-구현하는 그 과정과 주요 현상에 대해 연구하는 학문이다. - SIGGHI)

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

'HCI & UX' 카테고리의 다른 글

날씨에 맞춰 변하는 윈도우 컨셉 폰 (0)	2009/08/22
HCI란 학문은?(2) (6)	2009/07/08
HCI란 학문은?(1) (0)	2009/07/07
HCI (2) (0)	2009/04/18
HCI (1) (0)	2009/04/17
Microsoft UX Platform and Tool Overview By Chris Bernard (0)	2009/04/11

Posted by -세티-

HCI, 기술의 편리함

0 | 0

[Expression Media] 3. 카탈로그 다루기.

Silverlight(Tools, Tech.) 2009/07/06 16:55

이번엔 Expression Media을 실행했을 때 오른쪽에 보이는 카탈로그 폴더라는 것을 살펴보겠습니다.
먼저 설치한 Expression Media을 가볍게 실행해 줍니다.
그리고 아래의 그림처럼 메뉴 > 항목 가져오기 > 파일/폴더에서... 를 선택합니다.

미디어 파일 또는 폴더 선택 팝업이 활성화되면 원하는 이미지를 선택하고 가져오기를 클릭합니다.
저는 4장의 이미지를 선택했고, 작업영역에 선택한 4장의 이미지가 들어와 있는 것을 확인할 수 있습니다.
그리고 왼쪽 카탈로그 폴더가 하나 생성되어 있는 것을 볼 수 있습니다.

이 카탈로그가 어떤 것인지 간단하게 설명하겠습니다.

카탈로그에는 내가 선택한 파일에 대한 메타정보가 들어옵니다. 파일의 메타정보라 함은 가져온 파일의 하드디스크 위치나 이동식 저장장치에서의 파일 위치등이 될 수 있고, 또한 축소판에 나타난 그림의 버전 정보가 될 수 있습니다. 따라서 카탈로그가 가지는 미디어 파일의 정보를 이용해서 원본 없이 카탈로그를 검색할 수 있습니다.
이 카탈로그는 원본에 대한 축소이미지와 파일 정보만 가지기 때문에 원본이 삭제되었을 경우 카탈로그로 복구할 수 없다는 점을 알아주셨으면 합니다.

위의 사실을 아주 간단한 작업을 통해 증명해 보겠습니다.
생성된 카탈로그에 마우스로 선택하고 우클릭을 하고 지금폴더 업데이트를 선택합니다.

그러면 이미지를 선택한 폴더에 있는 나머지 사진 데이터들이 모두 카탈로그에 추가됩니다.
(카탈로그는 이미지에 대한 드라이브 정보를 가지고 있다는 것이 증명됩니다.)
아래의 그림 처럼 말입니다.

위의 이미지를 보면 빨간 네모상자 안에 있는 카탈로그의 오른쪽 숫자가 4에서 33으로 변경되어 있는 것을 확인할 수 있습니다.
이제 다시 축소판 그림에서 선택한 이미지들을 삭제해 보겠습니다.
몇 가지를 선택해서 삭제하면 카탈로그에서 제거 라는 버튼이 보입니다. 그것을 클릭해서 삭제하면 카탈로그에서 이미지가 사라진 것을 확인할 수 있습니다.

해당 이미지가 존재하는 폴더 위치로 가서 이미지를 확인해 보면 원본 이미지는 그대로 있는 것을 확인할 수 있습니다.

그 다음에 카탈로그의 드라이브 위치를 변경해 보겠습니다.
역시 마찬가지로 카탈로그 목록에서 마우스 우클릭하고 이번엔 폴더 경로 다시 설정을 클릭합니다.

저는 글쓰는데 사용되었던 이미지를 모아놓은 폴더를 선택했습니다.

폴더를 선택하면 아래의 이미지 처럼 카탈로그가 새롭게 생성됩니다.
카탈로그 목록에 표시되는 public의 위치는 공용 사진 폴더가 되고, 그 바로 아래에 있는 Images 카탈로그는 위에서 선택했던 폴더의 위치가 됩니다.
그것을 확인하기 위해 아래 그림처럼 마우스 우클릭하고 탐색기에서 폴더 열기를 선택하면 탐색기가 활성화 되면서 해당 폴더를 보여줍니다.

이제 선택한 폴더에 있는 이미지를 모두 가져와야 겠죠. 그러기 위해 위에서 해봤던 지금 폴더 업데이트를 선택합니다. 그러면 폴더에 있는 이미지들이 모두 자동으로 가져오게 되는 것을 확인할 수 있습니다.

참고로 이 카탈로그의 최대 용량은 1.8GB이고요, 최대 128,000개의 파일 까지 저장할 수 있습니다.
또한 참고로 축소판 이미지에 대한 옵션은 Expression Media의 메뉴바에서 편집 > 축소판 그림 및 미리보기 부분에서 옵션 설정으로 최적화 할 수 있습니다.

[참고]
1. OMSS, http://silverlight.net/Learn/videocat.aspx?cat=6
2. Expression Media Help Guide

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

'Silverlight(Tools, Tech.)' 카테고리의 다른 글

[Expression Media] 5. Expression Media로 미디어 파일 버전관리 (2)	2009/07/20
[Expression Media] 4. Expression Media로 슬라이드 쇼 만들기 (0)	2009/07/17
[Expression Media] 3. 카탈로그 다루기. (0)	2009/07/06
[Expression Media] 2. EM을 이용한 HTML 갤러리 생성 (0)	2009/07/05
[Expression Media] 1. Expression Media란? (0)	2009/07/04
[엘리의 실버라이트 2.0] Silverlight 시계 만들기 (1) (2)	2008/10/21

Posted by -세티-

Catalogue, Expression Media, Siverlight

0 | 0

[Expression Media] 2. EM을 이용한 HTML 갤러리 생성

Silverlight(Tools, Tech.) 2009/07/05 02:48

앞에서 언급했듯이 Expression Media를 이용하면 전문가가 아니어도 매우 간단한 작업만으로 원하는 형태의 문서를 만들어 낼 수 있습니다.

본 실습을 위해 먼저 Expression Media를 설치해야 합니다. Try 버전은 다음의 주소에서 다운로드 받을 수 있습니다. (EM 다운로드 받기 : http://www.microsoft.com/downloads/details.aspx?FamilyId=CD359E7D-FD27-4901-BAFF-6D564CFBD700&displaylang=en )

다운로드가 완료되면 설치 후 EM을 실행합니다.
평가판 이기에 계속 버튼을 클릭하고 진행합니다.

이제 몇 가지 이미지를 추가해서 웹 문서 형태의 포토 갤러리를 생성해 보겠습니다.
로컬 컴퓨터에 있는 이미지 몇 장을 선택합니다.

선택한 이미지를 Expression Media에 끌어다 놓습니다.
아래의 이미지 처럼 작업 영역에 사용할 미디어 파일이 추가되어 있는 것을 확인할 수 있습니다.

Expression Media 상단 메뉴에서 "만들기"를 선택하고 HTML 갤러리를 선택합니다.

그러면 HTML 옵션창이 활성화 됩니다.
테마탭의 사이트 제목란에 적당한 이름을 적어 줍니다.
그리고 바로 아래에 있는 테마 선택상자에서 원하는 테마를 선택합니다. 저는 '깔끔'을 선택 했습니다.
다음으로 인덱스 테이블이나 축소판 그림 그리고 미디어를 원하는대로 선택합니다.

설정 탭에서는 출력되는 문서 속성을 설정합니다.
문서의 확장명을 무엇으로 할 것인지 동영상이 포함되어 있는지 등을 선택합니다.
그 다음 왼쪽 하단에 있는 옵션 버튼을 클릭하여 저장할 이름을 결정합니다.

서버 탭에서는 FTP 설정을 통해 원격 저장을 가능하게 해줍니다.
설정이 모두 끝났으면 만들기 버튼을 선택합니다.

문서가 생성될 적절한 폴더를 선택하고 확인 버튼을 클릭합니다.

아래의 그림과 같은 웹 사이트가 생성되었습니다.

화면의 쎔네일 이미지를 클릭해 봅니다.
그러면 큰 이미지를 가지고 있는 페이지로 전환되고, 큰 이미지를 보여주는 화면에서 다른 화면으로의 이동이 쉽도록 상단에 네비게이션이 제공되는 것을 확인할 수 잇습니다.

전에 이런 간단한 형태의 문서를 만들 때는 웹 문서를 만드는데 필요한 기술을 알아야지만 원하는 결과물을 만들어 낼수 있었습니다. 그러나 Expression Media는 Rich한 웹 문서를 전문적인 기술이 없어도 너무나 쉽게 만들어 줍니다.

문서가 생성된 디렉토리를 보면1개의 HTML 파일과 3개의 폴더를 확인할 수 있습니다.
index.htm은 생성된 문서이고, assets 폴더에는 자바스크립트 파일과 네비게이션에 필요한 이미지 아이콘들이 포함되어 있습니다. preview 폴더에는 웹 갤러리가 생성될 때 메인 페이지에 노출될 썸네일 이미지가 생성되어 있습니다. Source 폴더에는 큰 이미지를 보여주는 웹 문서와 원본 이미지가 포함되어 있습니다.

사용자 입맛에 맞게 꾸밀려면 약간의 작업이 필요하겠지만 그럴 필요없이 테마만으로 충분하다면 단지 사진 몇장 드래그와 버튼 몇개 클릭만으로 웹 갤러리를 만드는 Expression Media의 기능이 매우 만족스럽습니다.

[참고]
1. OMSS, http://silverlight.net/Learn/videocat.aspx?cat=6
2. Expression Media Help Guide

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

'Silverlight(Tools, Tech.)' 카테고리의 다른 글

[Expression Media] 4. Expression Media로 슬라이드 쇼 만들기 (0)	2009/07/17
[Expression Media] 3. 카탈로그 다루기. (0)	2009/07/06
[Expression Media] 2. EM을 이용한 HTML 갤러리 생성 (0)	2009/07/05
[Expression Media] 1. Expression Media란? (0)	2009/07/04
[엘리의 실버라이트 2.0] Silverlight 시계 만들기 (1) (2)	2008/10/21
[엘리의 실버라이트 2.0] Silverlight 시작 (6)	2008/10/02

Posted by -세티-

Expression Media, Silverlight

0 | 0

[Expression Media] 1. Expression Media란?

Silverlight(Tools, Tech.) 2009/07/04 23:28

회사일도 바쁘고 C#과 실버라이트를 잠시 뒤로 미뤄두고 본의 아니게 현재 속한 곳에서 DBA 비슷하게 살고 있는 세티 입니다. (영원히 할 건 아니고 잠시....^^;;)

지금 몸 담고 있는 곳이 사교육 시장이어서 리치한 애플리케이션들을 참으로 많이 만들어 냅니다.(물론 제가 만든 건 아직 없고요...ㅎㅎ) 근데 이 곳에서도 실버라이트에 대한 관심은 아주 높더군요.
그래서 바쁜 시간 쪼개어 잠시 미뤄뒀던 이쪽(?)학습을 다시 시작했습니다.
뭔가를 만들려면 도구의 한계를 명확히 알아야 제가 표현하고 싶은 것들도 표현할 수 있을 테니깐요.
사실 실버라이트에 대해 깊이 있게 알지 못합니다. 프로젝트도 안해봤구요.^^
관련 도구의 성격도 아직은 잘 모르겠고요. 하지만 이렇게 정리해 가면서 들여다보게 되면 금방 제것이 될 거라는 생각이 듭니다. 단지 도구잖아요. ^^*

과거에 너무 어렵게 공부한 기억이 있어서 관련 내용에 대한 정리는 되도록이면 아주아주 쉽게쉽게 정리해 보겠습니다. 몇 가지 따라해보니깐 실제로 쉽긴 쉽더라구요. ㅡㅡ;;;
아무튼 강좌라기 보단 학습 정리에 대한 것으로 이해해 주시고, 필요한 분들은 저와 함께 포스트를 통해 공부해 보는 것도 좋을 것 같습니다.

Expression Media는 이미지나 동영상 그리고 사운드와 글꼴 등과 같은 미디어 파일 리소스를 이용해서 멀티미지어나 HTML 페이지등과 형태로 매우 빠르고 쉽게 구성할 수 있습니다. 많은 좋은 도구들이 현재도 없는 것은 아니지만 Expression Media는 직관적이고 쉬운 인터페이스 제공을 통해 전문가가 아닌 일반인들도 쉽게 원하는 결과물을 만들어 낼 수 있습니다.

이런 도구를 사용할려면 도구가 가지는 기능이나 성격을 필수적으로 알아야 하는 것은 아니지만 알아두면 원하는 작업을 보다 능률적으로 할 수 있을 것입니다.

Expression Media가 가지는 기능

MS Office 2007/2008의 파일 형식과 Expression Media에 필요한 여러가지 파일 형식을 지원합니다.

DOCX, DOTX, PPTX, POTX, XLSX, XLT(MS Office)
XAML, Design XEJ, CSS, JS, VBS

네트워크 작업의 효율성

한 사용자가 카탈로그를 열어 편집하는 동안 다른 사용자가 공유되는 위치에서 편집중인 카탈로그에 접근해서 내용을 볼 수 있도록 해주는 카탈로그 잠금 기능의 제공

키워드 교집합 또는 합집합을 통해 이미지를 정렬할 수 있음.
미디어 파일에 대한 계층 구조 키워드 생성이 가능(사진 파일의 모든 레이어에 설명 추가 가능)
작업을 위해 필요한 미디어 파일을 쉽게 가져올 수 있고, 카탈로그, 축소판 그림 만들기 등을 더욱 빠르게 할 수 있고, 가져오는 중에 손상된 파일을 알려주는 기능이 있음.
다중 모니터를 사용하는 작업 환경에서 라이트 테이블과 카탈로그, 도구를 분리해서 위치시켜 놓고 작업을 할 수 있어 작업 생산성이 향상됨.
템플릿이 포함되어 있어서 플랫폼 독립적인 웹 갤러리 구성이 가능
Quick Time이 필요한 부분에는 "QT"라는 로고를 보여줌.
Quick Time이 없으면 WIC(Windows Imaging Component)를 사용하여 이미지 인코딩, 디코딩 변환을 수행해 줌.
이동식 저장장치(USB, Memory Card) 등의 자료를 즉시 가져올 수 있음.

Expression Media는 Quick Time을 자동으로 설치해 주지 않습니다. 슬라이드 쇼의 실행, 동영상 파일의 변환이나 음성 파일의 변환과 같은 작업은 Quick Time이 있어야 작동시킬 수 있으므로 미리 설치해두면 좋을 것 같습니다.

Apple의 Quick Time : http://www.apple.com/quicktime/

[참고]
1. OMSS, http://silverlight.net/Learn/videocat.aspx?cat=6
2. Expression Media Help Guide

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

'Silverlight(Tools, Tech.)' 카테고리의 다른 글

[Expression Media] 3. 카탈로그 다루기. (0)	2009/07/06
[Expression Media] 2. EM을 이용한 HTML 갤러리 생성 (0)	2009/07/05
[Expression Media] 1. Expression Media란? (0)	2009/07/04
[엘리의 실버라이트 2.0] Silverlight 시계 만들기 (1) (2)	2008/10/21
[엘리의 실버라이트 2.0] Silverlight 시작 (6)	2008/10/02
[엘리의 실버라이트 2.0] 관리되는 코드에서 HTML DOM에 액세스 (3)	2008/09/21

Posted by -세티-

Expression Media

0 | 0

2009년 7월 MVP로 선정되었습니다.

Thinking 2009/07/02 22:18

과분하게도 2009년 7월 Visual C# MVP에 선정되었습니다.
저보다 훨씬 훌륭하고, 본받을 점이 많은 분들이 계심에도 불구하고 이 상을 받게되어 조금은 부끄러우면서 미안한 마음과 동시에 약간은 무거운 책임감도 함께 느낍니다.
다른 분들 몫까지 열심히 하라는 격려의 의미로 받아 들이겠습니다.

아래에 MVP가 어떤 것인지 궁금해 하시는 분들을 위해 몇 군데 링크를 잡아보았습니다.
1. MVP란? http://www.microsoft.com/korea/magazine/200607/people/people.mspx, Microsoft
2. MVP 되는 법 : http://madchick.egloos.com/269981, 미친병아리 삐약삐약

기타 검색엔진을 활용해서 검색하면 더욱 많은 정보를 찾아보실 수 있습니다.

(Microsoft MVP 홍보 동영상, Daum TV팟에서... 가져옴)

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

'Thinking' 카테고리의 다른 글

매뉴얼과 경쟁력 (2)	2009/09/02
강대국의 조건과 나의 위치... (0)	2009/08/02
2009년 7월 MVP로 선정되었습니다. (4)	2009/07/02
소규모 프로젝트에서 필요한 건 비판적 사고(Critical Thinking) 아닐까? (0)	2009/06/28
쳇 레이모의 아름다운 밤하늘을 소개해 봅니다. (0)	2009/06/17
기술자가 좋은 관리자가 될려면 어떻게 해야 하는가? (0)	2009/06/14

Posted by -세티-

Microsoft MVP

0 | 4

카테고리

태그목록

공지사항

최근에 올라온 글

최근에 달린 댓글

최근에 받은 트랙백

링크

글 보관함

달력

'2009/07'에 해당되는 글 11건

'General Tech.' 카테고리의 다른 글

'Silverlight(Tools, Tech.)' 카테고리의 다른 글

'Silverlight(Tools, Tech.)' 카테고리의 다른 글

'Astronomy' 카테고리의 다른 글

'Silverlight(Tools, Tech.)' 카테고리의 다른 글

'HCI & UX' 카테고리의 다른 글

'HCI & UX' 카테고리의 다른 글

'Silverlight(Tools, Tech.)' 카테고리의 다른 글

'Silverlight(Tools, Tech.)' 카테고리의 다른 글

'Silverlight(Tools, Tech.)' 카테고리의 다른 글

'Thinking' 카테고리의 다른 글