시각화를 배우고 정리합니다

▶Processing :: 프로세싱의 오디오기능 - Minim라이브러리 이번에 살펴볼 것은 프로세싱에서의 오디오기능입니다. 어려운것은 아니고 가장 기초적인것인데, 어떤 메커니즘인지 정리해둘 필요가 있을 것 같았습니다. 먼저 이번 예제에서 사용할 audio샘플을 함께 첨부하겠습니다. 따르르릉하고 짧게 울리는 벨소리이며 wav형식이며, 프로세싱작업 파일 내 data폴더에 넣어두시면 됩니다. 프로세싱 실행후 가장 먼저, 이번예제에서 적용해볼 Minim라이브러리를 로드해줍니다. 그다음으로 살펴볼 것은 setup부분입니다. 뒤에서 볼 수 있겠지만, bell클래스는 bell(x, y, r, filename)의 형태로 이루어져있습니다.따라서 이번 예제에서 벨은 화면 중심에서(width/2, height/2) 반지름이..

▶함께배우는 프로세싱 :: 위치데이터로 원그리기 ① 이번 포스팅에서는 VisualizingData - chapter 3: mapping부분에 대해서 정리해보았습니다. - table class- location파일의 의미 red dot예제의 결과모습입니다.미국 각 주의 위치에 원이 그려져있는 모습입니다. 여기서는 '어떻게 각 주의 위치에 그렸는지'가 중요합니다. 프로세싱에서 원을그리기가 아무리 쉽다고 하지만, 일일이 모든 좌표를 입력하기에는 무리가 있습니다. ellipse(470, 300, 9, 9);ellipse(302, 200, 9, 9);ellipse(410, 202, 9, 9).........이건 무리! 저자는 tsv형식의 'locaion'이라는 파일에서 정보를 불러왔습니다. 예제폴더내의 'data..

▶프로세싱 작업노트 9월 25일 목요일의 프로세싱 작업노트. basic sphere 아울렛 벽면을 보고 그린 스케치

▶프로세싱 연습노트 :: 2014 상반기 낙뢰지점 시각화이번에는 한국전력공사(KEPCO)에서 제공하는 자료를 바탕으로, 2014년 상반기 낙뢰지점을 시각화해 보았습니다. 언뜻, 일기예보에서 봤던 것 같은 느낌이 드는데요, 하얀색 마커는 낙뢰지점을 의미합니다. 정지화면으로 시각화 했을 경우에는 낙뢰지점의 분포를 제외하고 특별한 점을 보기는 어려웠습니다. 그런데 시간순서로 마커를 표시해보았더니 재미있는 점이 눈에 띄었습니다. 함께 올려드리는 영상을 잘 보시면 번개를 뿌리는 '뇌운'이 특정경로를 따라 이동하면서 뿌리는 모습까지 시각화에 나타납니다. 또한 광범위하게 일어나기도하고, 한 지역에 집중되서 일어나기도 합합니다.

▶프로세싱 연습노트 :: 주소를 좌표값으로 변환 후 시각화하기이번 포스팅에서 다룰 내용은 주소를 좌표값으로 변환후 시각화하는 것입니다. 그동안 정리되어있는 좌표데이터만 찾아다니다가, 아무래도 한계가 있는 것 같아 직접 좌표로 변환 후 시각화해보기로 생각했습니다. 진행 순서이번 작업은 아래와 같은 순서로 진행했습니다. ① 주소데이터 파일 다운로드(CSV)② 프로세싱으로 주소데이터 로드 후 API를 이용해 좌표(x, y)로 반환 후 저장③ 반환 된 데이터를 UnfoldingMap 라이브러리로 시각화 사용할 데이터 : 서울시 식품접객업 등록현황사용할만 한 주소데이터를 찾다가 서울시 열린데이터광장에서 '서울시 식품접객업 등록현황'파일을 찾았습니다. 찾고 데이터를 다듬으려고 보니 숙박업(여관업, 일반호텔)의 데이..

▶프로세싱 연습노트 :: Video라이브러리를 활용한 원 생성이번 포스팅에서는 프로세싱의 기본 라이브러리인 Video을 이용하여 만들어 본 과정을 정리하려고 합니다. Video 라이브러리cam라이브러리는 프로세싱의 기본 라이브러리입니다. 지난 포스팅에서 살펴본 UnfoldingMaps라이브러리는 직접 설치해야하는 과정을 거쳐야 했지만, Video라이브러리는 따로 설치없이 바로 사용이 가능합니다. 다만, 캠이 필요합니다^^; 노트북을 사용하시는 분들은 대부분 노트북에 캠이 달려 있으니 문제없이 하실 수 있지만, PC로 작업하시는 분들은 별도로 캠을 구매하셔야겠지요^^; [프로세싱 공식 홈페이지 > 라이브러리 > Video / 바로가기] Video라이브러리를 활용한 원 생성캠으로 찍기만 한다면, 프로세싱을 ..

▶인포그래픽 :: 모바일영상서비스 인포그래픽KT경제경영연구소 대학생포럼활동에서 제작했던 인포그래픽입니다.

▶프로세싱 연습노트 :: UnfolidingMap라이브러리를 활용한 와이파이지도이번 포스팅에서는 Unfolding라이브러리를 활용해본 결과물을 정리해보려고합니다. UnfoldingMaps프로세싱이 장점이라면, 이런 라이브러리가 굉장히 다양하고, 어렵지 않게 이해해서 활용할 수 있다는 점이겠지요? 제가 이 라이브러리를 활용하면서 개인적으로 편리하다고 느낀 부분은 위도, 경도 값을 스크린상의 좌표계로 변환해주는 부분이었습니다. [UnfoldingMaps를 이용한 서울의 와이파이 맵.] UnfoldingMaps 페이지 [Unfoldiungmaps.org] Unfoldingmaps페이지로 바로 갈 수 도있고, 프로세싱 공식 홈페이지에서 [라이브러리>Unfoldingmap] 의 순서로 클릭하셔도 위 사진과 같은 ..

▶함께배우는 프로세싱 : Server & Client ① 다중 사용자와의 통신 다중 사용자와 통신, 1부 : 서버 브로드캐스팅은 서버와 클라이언트가 한 방향으로 통신하는 시스템입니다.서버는 데이터를 전송하고, 클라이언트는 받기만하는 수동적 위치에 있습니다.이러한 일 방향의 커뮤니케이션을 넘어 클라이언트와 서버가 서로 커뮤니케이션할 수 있도록하는 것이 다중 사용자와의 통신이라고 할 수 있습니다. 다중사용자 애플리케이션 만들기다중 사용자 애플리케이션 역시 프로세싱의 net 라이브러리를 통해 제작 할 수 있습니다. 예) 한 클라이언트가 마우스를 스크린에서 움직이면 그 x, y좌표값을 다른 클라이언트들에게 보내줍니다.따라서 서버에 연결된 모든 클라이언트들은 각자의 화면에서 그 움직임을 같이 볼 수 있습니다. 특..

▶ 함께배우는 프로세싱 :: 데이터스트링 : 서버 만들기 - 서버의 작동확인 서버의 작동 확인 방법은 '텔넷(telnet)'을 이용합니다.텔넷: 컴퓨터에 내장되어있는 가장 일반적인 프로토콜로서 네트워크 연결을 조정하고 확인합니다. 매킨토시에서는 터미널, 윈도우에서는 명령 프롬프트를 실행합니다.다니엘 쉐프만은 책에서 PuTTY를 사용할 것을 추천합니다.(저 또한 PuTTY를 이용하여 진행했습니다.) PuTTY 다운로드 [다운로드페이지 링크] 설치를 마치셨다면, 서버와 연결해봅니다.우선 우리가 현재 서버가 위치한 컴퓨터에서 접속을 시도하는 중이기 때문에텔넷은 '로컬 호스트'에 연결됩니다. 따라서, 로컬호스트의 포트번호 입력란에서버를 만들 때 사용했던 '5204'를 입력해줍니다. 또한, 컴퓨터 내에서 다른 프..