반응형
반응형

http://dschool.stanford.edu/


Radical Collaboration - 극단적 협력










디자인 싱킹의 5단계

 

디스쿨에서 만든 디자인 싱킹의 다섯 가지 단계가 있는데 위의 그림과 같다. 감정이입(Empathize), 정의(Define), 아이디어화(Ideate), 원형(Prototype) 제작, 그리고 테스트(Test)의 단계다.

 

첫 단계인 '감정이입'은 사람들을 유심히 관찰하고 인터뷰하면서 인사이트(insight)를 얻는 과정이다. 문제해결을 하겠다고 나선 것은 이 문제를 혼자 겪고 있지 않기 때문이다. 많은 사람이 같은 문제를 느끼고 있다고 생각하기 때문에 문제해결에 나서겠다는 것이고, 이를 위해서는 나 말고 다른 사람들은 어떤 문제를 느끼고 있는가를 알아야 한다.

 

기존의 인사이트를 얻는 과정은 정량적인 마케팅 툴을 사용하거나, 설문조사를 하거나, 포커스 그룹 인터뷰를 하는 방법을 사용했다. 하지만 디스쿨에서는 인사이트를 얻기 위해 대책 없이 사람을 관찰하고 생뚱맞게 인터뷰를 한다. 특히 사람들의 자연스러운 행동을 관찰한다. 이미 많은 정보를 가지고 관찰하면 문제를 제대로 파악할 수 없기 때문이다.

 

또 감정이입을 위한 인터뷰 방법도 알려주는데 '무엇을(What)?' '어떻게(How)? '왜(Why)?'를 물어보고 행동을 관찰하기 위해 허락된 몰래카메라(user camera)를 설치하기도 하며 마니아(Extreme User)를 인터뷰하라고도 한다.

 

예를 들어 샌프란시스코 현대미술관(SF MOMA)을 리노베이션해서 재개관하는 프로젝트가 있다고 하면 기전의 MOMA는 어떤 문제가 있었는지, 관객들이 그림을 관람하는 데 불편함은 없었는지, 다른 미술관과 비교해 차이는 무엇인지 알아야 하기 때문에 무작정 관찰하고 관람객들과 대화를 해서 기본 골격을 찾아가는 행동이다. SF MOMA와 협의해 카메라를 설치해서 관객들의 동선과 관람 습관을 파악하기도 하고 매일 오는 관람객이나 오랫동안 연간 회원으로 있는 관객을 찾아서 인터뷰를 하기도 한다. 이 과정에서 인터뷰이가 미술 전문가나 미술관 관계자의 입장이 돼서도 안 되고 현대 미술이나 미술관에 대한 사전 정보도 최대한 배제해야 한다. 그냥 어린이가 SF MOMA를 보고 있다고 생각하고 감정이입을 하는 것이다.


두 번째 단계인 '정의'는 팀원들의 감정이입 결과를 종합하고 범위를 특정하는 단계다. 팀원들이 감정이입 단계에서 모은 자료를 토대로 "과연 무엇이 문제인가?"를 정의 내리는 단계다. 여기서 중요한 것은 '당신의 관점(Your Point of View)'이다. 이것을 디스쿨에서는 POV(Point of View)라고 줄여 부를 정도로 중요하게 생각하고 있다.

 

문제를 정의하기 위해 팀원들끼리 포스트잇에 적어서 자신의 생각을 공유한다. 이를 '스토리 공유와 저장(Share and Capture)'이라고 부른다. 그리고 이 같은 생각을 몇 개로 모아서 그룹화할 수 있는데 이 과정을 '포화와 그룹(Saturate and Group)'이라고 한다.

 

이 과정을 통해 팀원 간 아이디어가 모이면 관점 유추(POV Analogy)를 한다. 관점 유추란 한마디로 문제를 해결하고자 하는 것을 다른 멋진 말로 만들어내는 것이다. 예를 들어 개인용 뮤직 플레이어를 만들겠다고 하면 '보석처럼 멋진 개인용 뮤직 플레이어를 만들자'는 것이다. 개인 뮤직 플레이어가 보석이 될 수 있고 그렇다고 하면 귀에다 붙여도 멋진 제품, 팔목에다 차도 멋지게 보이도록 만들자는 상상이 가능하다. 위에서 예시한 SF MOMA의 경우에는 '디즈니랜드처럼 재미있는 미술관을 만들겠다'고 할 수 있을 것이다.


세 번째 단계인 '아이디어화'는 문제점으로 파악된 것에 대한 해결 방법을 만드는 과정이며, 네 번째 문제 해결을 위한 '원형'을 만들고, 다섯 번째 시장에서 '테스트'하는 과정을 거친다. 원형 제품을 만들기 위한 디스쿨 내 작업실도 있다.

 

"디스쿨은 혁신을 가르치는 곳이 아니다. 혁신가를 만드는 곳이다"로 규정하고 있다. 여기서 만들어진 제품 중에는 최근 링크드인에 인수된 '펄스(Pulse News)'도 있다. 펄스는 2010년 5월 스탠퍼드 석사과정을 밟고 있던 인도계 아크샤 코타리와 안키드 굽타가 디스쿨에서 나온 아이디어를 실행에 옮겨 만든 앱이다. 수업 시간의 숙제를 프로젝트로 연결시킨 펄스는 운이 좋게도 아이패드 출시와 맞물려 스티브 잡스가 "꼭 있어야 하는 앱이다"라고 말하면서 유명세를 탔다. 수업 시간에 아온 아이디어가 훗날 9,000만 달러의 가치로 만들어진 것이다.

 

지금도 디스쿨에서는 제2, 제3의 펄스를 개발하기 위해 많은 학생들이 실험하며 새로운 아이디어를 내고 무엇인가를 만들어내고 있다.





반응형
반응형

CSS-Flip: A CSS BiDi flipper

 

 

 

 

Need to generate left-to-right or right-to-left CSS? CSS-flip does that for you, from your source. It supports a variety of properties, including borders, margins, padding, and more.

css-flip

 

 

반응형
반응형

 

 

jquery ui에서 datepicker 사용할 때, input 뒤에 달력 이미지 넣는 부분

 


        jQuery("#sdt,#edt").datepicker({
            showMonthAfterYear:true,
            showOn:"button",
            buttonImage:"/common/tbl_st_ca.jpg",
            buttonImageOnly:true,
            dateFormat:'yy-mm-dd',
            nextText:'다음 달',
            prevText:'이전 달',
            dayNamesMin:['일','월','화','수','목','금','토'],
            monthNamesShort:['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월']
        });

 

 

 

 

 

사용법 : 아래는 사용법의 일례입니다. 생각보다 많은 옵션을 제공 하고 있습니다. document site 에서 꼭 확인하세요.

<!-- jquery-ui resource embed start -->

<link  href="resources/jqueryui/css/ui-lightness/jquery-ui-1.8.16.custom.css" rel="stylesheet">
<script src="resources/jqueryui/js/jquery-ui-1.8.16.custom.min.js"></script>

<!-- jquery-ui resource embed end -->
 

$(function() {
        $("#startDate").datepicker(   // inputbox 의 id 가 startDate 이겠죠.
                {dateFormat:'yy/mm/dd' // 만약 2011년 4월 29일 선택하면  inputbox 에 '2011/04/29' 로표시
                 , showOn: 'button' // 우측에 달력 icon 을 보인다.

                 , buttonImage: '/images/Icon_calendar.gif'  // 우측 달력 icon 의 이미지 패스 
                 , buttonImageOnly: true //  inputbox 뒤에 달력icon만 표시한다. ('...' 표시생략)
                 , changeMonth: true // 월선택 select box 표시 (기본은 false)
                 ,changeYear: true  // 년선택 selectbox 표시 (기본은 false)
                 ,showButtonPanel: true // 하단 today, done  버튼기능 추가 표시 (기본은 false)
               }
);

        $("#endDate").datepicker({dateFormat:'yy/mm/dd',showOn: 'button'
                , buttonImage: '/images/Icon_calendar.gif', buttonImageOnly: true
                , changeMonth: true,changeYear: true,showButtonPanel: true});

    });
    
    $('img.ui-datepicker-trigger').attr('align', 'absmiddle'); // css 문제가 있는경우 일부 위치 조절 :)

 

 

 

 

 

반응형
반응형
http://windows.microsoft.com/ko-kr/internet-explorer/download-ie

 

 

 

반응형
반응형

Twproject Gantt: JavaScript component for creating Gantts

 

Twproject Gantt is a JavaScript component for Gantts and other charts, like task trees, built on jQuery. It offers in-place editing, zooming, data shortcuts, CSS skinning, and much more.

 

jQuery로 간트 차트 만들기

 

gantt

jQueryGantt

jQuery Gantt editor has been written by Roberto Bicchierai and Silvia Chelazzi

Twproject jQuery Gantt

These are some key features:

  • jquery based
  • MIT licensed: you can reuse everywhere
  • json import-export
  • internationalizable
  • manage task status –> project workflow
  • manage dependecies
  • manage assignements (resources, roles efforts)
  • server synchronization ready
  • full undo-redo support
  • cross browser (at least for recent versions)
  • keyboard editing support
  • SVG visual editor
  • print friendly

Try the online working demo here: http://gantt.twproject.com

Read here about latest release: http://roberto.open-lab.com/2014/04/10/jquery-gantt-editor-svg-and-critical-path/

Read the genesis of this component here: http://roberto.open-lab.com/2012/06/14/the-javascript-gantt-odyssey/

Documentation is here: http://roberto.open-lab.com/2012/08/24/jquery-gantt-editor/

jQuery Gantt editor is part of Twproject 5 project

 

 

반응형
반응형

한국사 데이터베이스 모음

 

 
 
1. 한국사데이터베이스
http://db.history.go.kr
한국사 관련 고도서, 문서, 인물, 멀티미디어 자료, 한국사용어 시소러스, 한국사용어 시소러스(영문) 등을 제공.

2. 한국사역사정보통합시스템
http://www.koreanhistory.or.kr
한국의 역사자료를 체계적이고 종합적으로 전산화하여 사용자들에게 제공하고 있습니다. 다양한 역사관련 전문기관이 전문센터로서 참여하여 역사자료 데이터베이스를 구축 및 제공.

3. 한국역대인물종합정보시스템
http://people.aks.ac.kr
한국역대인물종합정보시스템 시스템에는 우리 역사에 족적을 남긴 인물 16,000여 명을 수록한 인물사전을 중심으로, 과거 합격자 명단, 성씨와 본관정보 및 관직명 정보를 종합적으로 수록하여 제공.

4. 한국여성사지식정보시스템
http://www.womenshistory.re.kr:7070
여성정책사, 지역여성사, 여성단체 활동사, 여성 문화·교육사, 여성 인물사 정보 제공.

5. 한국금석문 종합영상정보시스템
http://gsm.nricp.go.kr
국립문화재연구소에서는 2002년부터 전국에 산재한 금석문을 모아 선사시대부터 조선시대(1910년)까지 종합적으로 웹상에 구축하여 서비스를 제공.

6. 규장각 한국학연구원
http://e-kyujanggak.snu.ac.kr
규장각 등에 소장되어 있는 전적을 이미지와 텍스트 형태로 전산화 하고 데이터베이스를 구축하여 규장각 소장목록, 해제, 고지도, 일성록 등에 대한 디지털 서비스 제공.

7. 왕실도서관 장서각 디지털 아카이브
http://yoksa.aks.ac.kr
왕실도서관 장서각 고도서, 고문서, 향토민속 구술녹취 자료, 한국문화 화상자료, 한국사 기초사전 DB 등을 제공.

8. 조선왕조실록
http://sillok.history.go.kr
국사편찬위원회에서 제공하는 조선왕조실록에 대한 디지털 이미지 서비스.

9. 승정원일기
http://sjw.history.go.kr
조선시대 왕명을 출납하던 승정원일기 가운데 현재 규장각에 남아 있는 인조 원년(1577)부터 융희 4년(1910)까지 288년간의 3,245책을 해서(楷書)로 탈초하여 등사·영인한 사료집(141책, 1960~1977)을 새로이 원문과 대조 교감하여 Full Text 데이터베이스로 구축하여 제공.

10. 옛문서생활사박물관
http://life.ugyo.net
국학진흥원 소장 옛 문서를 통해 선인들이 생활상을 보여주는 생활사 박물관이다. 생활문화전시관에는 정치, 경제, 사회, 문화, 교육, 가족 등 6가지 주제관에서 관련 문서 제공.

11. 남명학 고문헌 시스템
http://nmh.gsnu.ac.kr
경상대학교 문천각에 소장되어 있는 고서 2만여 권과 남명학연구소에 소장되어 있는 자료 중에서 남명(南冥) 조식(曺植, 1501~1572)의 학파 및 경상우도지역 유학자와 관련된 문집과 기록류 등을 엄선하여 350,000면 분량의 고서 원문 이미지 DB제공

12. 근대한일외교자료
http://siminlib.koreanhistory.or.kr
부산시민도서관 고문헌실에 소장된 개항 전후 초량 왜관 자료부터 개항기 부산 일본총영사관 자료까지 근대 한일 외교 관련 21종 69책에 대한 웹 데이터베이스 서비스 제공.

13. 동학농민혁명종합지식정보시스템
http://www.e-donghak.go.kr
동학농민혁명 연구논저 목록, 『동학농민전쟁사료총서』에 수록된 사료들이 해제 및 이미지, 동학농민혁명 참여자 97명에 대한 후손들의 증언 등을 제공.

14. 조선총독부관보데이터베이스
http://gb.nl.go.kr
1910년~1945년까지 조선총독부에 의해 발행된 공고 기관지인 조선총독부관보에 대한 DB 구축 및 제공.

15. 한국독립운동사 정보시스템
http://search.i815.or.kr
한국독립운동사와 관련된 자료 데이터베이스.

16. 공훈전자사료관
http://e-gonghun.mpva.go.kr
국가보훈처가 소장하고 있는 독립운동과 관련된 문헌과 자료를 데이터베이스화하여 독립운동과 관련된 국내외 소장 자료의 통합 데이터베이스를 제공.

17. 민주화운동 아카이브시스템
http://db.kdemocracy.or.kr
180만 여 면에 이르는 민주화운동과 연관된 각종 기록물(archives) 중 문서류(paper type) 중심으로 하여 국제표준인 ISAD(G)를 기준으로하여 데이터베이스를 구축하여 제공.

출처: http://libguides.khu.ac.kr/content.php?pid=274153&sid=2353740

[추가]

18. 한국고전종합DB - http://db.itkc.or.kr/itkcdb

19. 한국고전적종합목록시스템 - http://www.nl.go.kr/korcis

---
책벌레 카페: 책벌레그룹 http://cafe.naver.com/bookwormkr
책벌레 운영자: 소셜홀릭 https://facebook.com/fbsocialholic

반응형

+ Recent posts