'Silverlight'에 해당되는 글 3건

  1. 2009.08.04 [후기] Expression Studio_SketchFlow Workshop
  2. 2008.05.03 세미나 - UI혁명 WPF & Silverlight
  3. 2008.02.05 내가 좋아하는 UCC
posted by 희정냥★ 2009. 8. 4. 00:50




Sketch Flow 워크샵에 갔다왔습니다 ㅎㅎㅎㅎㅎㅎ

2009.08.01 토요일 12:00 ~ 18:00
장소 : 포스코센터 5층 한국마이크로소프트 Drive Room








[첫시간. 전찬주 (작은아이 agiletalk)]
#
어떻게 구현해야 할지
프로토타이핑 -> 
1) 페이퍼 프로토타이핑 : 종이를 이용. 쉽게 할 수 있고, 특별한 기술이 필요없이도 바로 할 수 있다.

한메일에서 메일 서비스를 개편하면서
자세하게 프로토타이핑해서 동영상으로 찍어서 올려둔 것이 있으니 참고.

2) 디지털 프로토타이핑
컴퓨터를 이용.
컴퓨터를 이용해서 이미지를 클릭했을때, 이동하면서

3) 실제 프로토타이핑
실제 제품이랑 똑같이 만들기
휴대폰, mp3 같은 제품들
장점 : 사용자 입장에서 실제로 제품과 같은 프로토타입을 볼 수 있기 때문에
실제 제품 사용자 경험, 디자이너는 바로 피드백 받을 수 있다.

#
수평적 / 수직적 프로토타입
제품이나 서비스에 간략하게 
수평적 : 실제 제품이나 서비스가 나오기전에 사용자입장에서 
수직적 : 기능적. 기능을 완벽하게 다 구현해서 보여주는 프로토타입.
시나리오 : 수평적, 수직적의 중간정도. 몇개를 뽑아서 정확하게 구현. 
사용자 입장에서는 그 몇가지 기능들에 대해 볼 수 있는

#
프로토타입의 장점
1) 피드백
제품이나 서비스를 만들기 전에 .
2) 문제점 발견.
기획단계에서 발견하지 못한 잠재적인 문제점 발견해서 고칠수 있다.
3) 빠르고 반복적. 
한번 만들게 되면 계속 빠르고 반복적으로 고치고.
4) 커뮤니케이션.
디자이너, 기획자, 사용자 간의 커뮤니케이션 도구로 사용할 수 있다.

단점
1) 과대평가. 제한된 테스트. 알려지지 않은 요구사항.

#
1. 결국 사용자는 화면을 보면서 일을 하므로 내부 논리 보다는 UI에 관심이 많다.
2. 프로토타이핑은 위험을 줄일수 있는가?
3. 기획자, 개발자, 운영자 등 관련자와 함께 만들어가는 것이 중요하다.
4. 해답을 프로토타이핑하는 것이 아니라, 해답을 찾고자 프로토타이핑을 한다.

목업, 와이어 프레임 -> 일정한 틀을 만든다.
프로토타이핑 -> 어떤 기능을 넣어 사용자가 직접 체험할 수 있게 한다.


[둘째시간. 황리건]
#
Sketch(질문) Vs Prototype(답)
Evocative -> Didactic
Suggest -> Describe
Explorer -> Refine
Question -> Answer
Propose -> Test
Provoke -> Resolve
Tentative -> Specific
noncommittal -> Depiction

두단계를 걸칠 것도 조금더 빨리.

#
흐름(Flow)
중간에 어떻게 변화는지를 좀 더 스캐치 할 수 있다.
중간에 이게 서서히 어두어지고 밝아지는 등의 Flow가 중요.

State Transition Diagram
Product in Stock
...
 
Sketch Flow For Player 화면은
각각의 상태들이 어떻게 왔다갔다하는지를

Production


[세번째시간. 조편성]
1. 박승현. 실버라이트게임. 개발자. 기획에 많은 관심. : 박찬용(개), 
2. 공인석. 개발자. 실버라이트. 휴즈플로우 : 선주현(디), 신기현(디), 최명화(디)
3. 이근화. 기획. 휴즈플로우. -> 이 분. 김희정(디), 김희정(개), 전훈(개)
4. 허미호. 휴즈플로우. 실버라이트. 기획. 그 전엔 야후에서 기획. : 안설희(디), 최홍배(개), 한지호(기)
5. 전찬주.  : 박성환(디) , 정진희(디)
6. 신현일. 청주에서 올라옴. : 노지훈(기)
7. 송기수. 개발.  
8. 김병환. 노트북 대여해줌. : 

(글씨가 잘 안보여서 거의 못적음...;;;)

 
[넷째시간. 이원준]
이노티브 http://blend.pe.kr
후기를 까페에 올려놓으면 무선키보드마우스 세트 줌.

#
실습시간
Blend 3 SketchFlow로 영화 예매 Widget 만들기.


(동영상출처 : http://uxfactory.com/720)

 
[다섯째시간. 실습 - 조별 아이디어 회의]


[여섯째시간. 실습 - 조별 구현]


이 동영상 마지막 부분에 희정냥도 나와요~ ㅋ

스케치플로우 워크샵 현장 스케치(media by 작은아이)
(동영상출처 : http://uxfactory.com/720)


[일곱째시간. 조별 발표]
조별로 만든 작품들을 발표하는 시간이었습니다.

저작권은 만드신 분들에게 있습니다~


I'm a Developer - 스트레스로 대머리가 된 개발자를 위한 해결책 제시

 
심리 테스트 위젯 - 초식남에게 맞는 쇼핑 추천


구설수닷컴 - 가십 검색

 
I'm here!! - 지역기반 모바일 SNS 애플리케이션


"나는 네가 한 일을 알고 있다." - 소프트웨어 사용량 체크


 무한공짜월드 - 지역과 시간별 공짜 선물 이벤트 찾기

(동영상출처:http://uxfactory.com/722)


* 희정이가 느낀 SketchFlow
재미있는 기능이였습니다.
쉽게 프로그램의 흐름을 만들고, 간단하게 사용해 보고, 피드백까지 가능하니
협업에 많은 도움이 될 것 같습니다.
하지만 저는 아직 툴에 익숙치 않아서 많이 활용해보진 못했습니다.
잘 이용하면 멋진 툴이 될 것 같습니다.


* 희정이가 느낀 워크샵
무엇보다도 직접 조를 짜서 아이디어를 내고, 만들어 본다는게 재밌었던것 같습니다.
설명만 들으면 곧 잊어버리기 마련인데,
직접 노트북으로 실습도 해보고, 만들어 보니 좀 더 빨리 익힐수 있었습니다.
새로운 사람들과도 빨리 친해질 수 있었구요.
그리고 마지막에 조별 결과를 발표하면서,
여러 재미있는 아이디어를 공유할 수 있었던 점이 좋았습니다.
앞으로 이런 자리가 많이 있었으면 좋겠습니다.

댓글을 달아 주세요

posted by 희정냥★ 2008. 5. 3. 21:20

5월 3일 토요일 오후 3시~6시.

"UI혁명 WPF & Silverlight"라는 세미나에 갔었습니다.

제 관심분야라서 완전 기다리던 세미나였죠... ㅎㅎ

강사님은 김영욱 MVP (http://winkey.tistory.com/) 님이셨고요.

강의와 짤방 (ㅡ.ㅡ;;) 모두 재미있었습니다.

사용자 삽입 이미지


오늘은 주로 소개하는 내용 정도라서 약간 아쉽긴 해요.

저는 silverlight 1.1로 과제를 진행했었는데

오늘 2.0에서 변화된 부분에 대해 많이 알 수 있었습니다.

그리고 뒷풀이로 삼겹살도 아주아주 배부르게 많이 먹었지요... ㅎㅎ

부산 개발자 커뮤니티 (http://devbusan.com/) 에서는 매달 한번씩 세미나를 주최합니다.

혹시 관심있으신 분들은 홈페이지를 참고해주세요.

회장님께서 많이 챙겨주셔서 너무 감사했습니다. ^-^;



오늘 들었던 내용 중 기억에 남는 부분들을 정리해 볼께요.

- RIA에서의 쌍벽 (ㅡ_ㅡ!!)

Adobe Vs Microsoft

Adobe는 Design이 중심이고, Microsoft는 Platform 중심이죠.

Adobe는 RIA를 Rich Internet Application이라고 정의했고,

Microsoft는 RIA를 Rich Interactive Application이라고 정의했습니다.

- WPF와 Silverlight의 차이점을 보자면,

WPF는 플랫폼 종속적이긴 하지만, 그래픽처리에 GPU를 사용하기 때문에 CPU에 무리가 가지 않습니다.

Silverlight는 플랫폼 종속적이지 않기 때문에, GPU를 사용할 수가 없죠.

따라서 CPU를 사용하고, 3D는 지원하지 않습니다. (물론 비슷하게 만들수는 있습니다..;;)

차이점은 그 외에도 많아요~

- XBAP(XAML Browser Application)를 이용하면 WPF를 IE상에서 실행시키게 할 수 있어요.

- Zoom In / Out

아주 쉽게 구현할 수 있습니다.

바로 변화된 값을 연결시키는것보다는, Binding 을 이용하는게 더욱 효과적입니다.

- Silverlight 2.0에서는 다양한 컨트롤이 추가되었고,

대표적으로는 Deep Zoom 기능이 있습니다.

Deep Zoom이란, Zoom In / Out 하는 기능입니다.

웹 상에서는 큰 이미지를 로드하기엔 너무 무거우니까,

이미지를 부분적으로 조각내서 요청하는 부분만 확대, 축소해서 보여주는 것이지요.

- Silverlight는 이제 웹 뿐만 아니라, 모바일에서도 사용 가능하게 될 것입니다.

- Silverlight 2.0 정식 버전이 올해 나오게 될 것입니다.



이상입니다 ^-^

기술적인 내용에 대해서는 제외했습니다.

검색해보면 많이 나올테니까요...^^;

댓글을 달아 주세요

posted by 희정냥★ 2008. 2. 5. 23:31


설이라서 오랜만에 집에 왔다.

집에 와서 내방에 들어오니 역시 눈에 띄는건 책장에 있는 책들이었다.

(내 방 사진은 예전에 블로그에 올린적 있다)

'아,, 저 책 빨리 다봐야하는데... 저 분야 공부도 해야하는데..'

예전에는 대충 봤던 책들이었지만 지금은 열공하고 싶어진 책들이 몇개 있었다.

그리고 정기구독했던 마이크로소프트웨어 잡지들과,

Microsoft THE ARCHITECTURE JOURNAL이 한쪽편에 있었다.


집에오면 보통

1. UCC 사이트에서 관심 동영상을 왕창 보고

2. 필요한 자료들을 다운 받는다.

멤에서는 트래픽때문에 인터넷을 마음대로 쓸수없기 때문이다.


나는 IT 기술 관련 UCC를 좋아하는데,


아래에 내가 재밌게 본 동영상 몇가지가 있다.

 * * *

이건 WPF로 구현된 작품들이다...;;

역시 WPF 답게 Output이 멋지다





 * * *

이건 Microsoft Surface~!




오오.. -0-;; 신기하다.. -0-;;

 * * *

실버라이트다;;

이 동영상을 보면 미디어쪽으로는 꽤 괜찮은듯 하다.

실제로 그렇게 많이 알려져 있다.

근데,,,, 지금 과제를 실버라이트로 하고 있는데,

과제에서 필요한 기능들은 완전 ㄷㄷㄷ하다.. ㅠㅠ




이것도 Silverlgiht인데, 3D 처럼 보여주는 것이다.

'Computer > Multimedia' 카테고리의 다른 글

WaterBoard  (0) 2009.07.23
내가 좋아하는 UCC  (0) 2008.02.05
OpenCV 설치하기  (3) 2007.12.09

댓글을 달아 주세요