빅데이터와 프로세싱 by 곽혜정

orange3

bbbtl6645 — 2023-06-26 00:44:12 UTC

processing

bbbtl6645 — 2023-06-26 00:45:05 UTC

(blog) 유용한 코딩

bbbtl6645 — 2023-06-26 00:51:42 UTC

TASS

bbbtl6645 — 2023-06-26 06:15:26 UTC

Chat GPT

bbbtl6645 — 2023-07-04 04:00:04 UTC

컴퓨터 배경화면 만들기

bbbtl6645 — 2023-07-05 23:09:19 UTC

배경화면 우클릭
디스플레이 설정
디스플레이 해상도 확인 후 사이즈 설정

CHAT GPT 사용법

bbbtl6645 — 2023-07-05 23:16:22 UTC

카카오톡 이미지 크기

bbbtl6645 — 2023-07-08 07:42:38 UTC

프로필/본문 사진- 640*640 사이즈, 정사각형 이미지
배경 사진- 800*500 사이즈의 이미지

인스타그램 이미지 크기

bbbtl6645 — 2023-07-08 07:43:14 UTC

사각형 게시물의 이상적인 크기
- 1080픽셀x1080픽셀, 종횡비 1:1
가로 게시물- 1080픽셀x566픽셀, 종횡비 1.91:1
세로 게시물- 1080픽셀x1350픽셀, 종횡비 4:5

미구엘 슈발리에(디지털 뷰티)

bbbtl6645 — 2023-07-08 10:43:20 UTC

방송 콘텐츠 가치정보 분석시스템

2023-07-12 13:16:21 UTC

https://racoi.or.kr/kobaco/main.do

미디어아트 빅데이터 접목 사례

chs93114 — 2023-07-12 13:31:25 UTC

금민정 「바람과 비, 그리고 그날의 기억」 2021 ● 금민정의 「바람과 비, 그리고 그날의 기억」

담양 소쇄원이라는 특정 공간의 풍경을 이용하여 실시간 그 장소의 기후와 온도 등 날씨 변화를 전시실에 설치된 영상 이미지에 반응시킨다. 영상 이미지는 관람객들로 하여금 특정 기억과 감정을 환기시키는 동기를 불러일으킨다.

영상 : https://youtu.be/uAmn01Xb4yw

데이터도 미술 재료다

chs93114 — 2023-07-12 13:33:35 UTC

링크 : http://scienceon.hani.co.kr/373701

여러 가지 사건 상황의 중심에 있는 우리나라 대기업의 네트워크 구조를 아주 은은한 조명 빛으로 그려내는 이 작업은 한국사회에서 영향력을 행사하는 재벌가문의 혼맥도의 이미지를 변형한 것이라고 한다.
여기서 빛을 발하는 전구는 연극 속의 주요 등장인물을 뜻하는 '캐릭터'로서, 혼맥도를 구성하는 정계·재계·언론계의 주요 인물에 위치한다. 다양한 내러티브 속 등장인물 관계도가 끊임없이 확장되고 있는 형태로 시각화된 이 작품은 다양한 결속을 지향하는 네트워크로서 우리 사회의 특수한 단면을 시각화한다.

추상화에 대한 자신의 생각

bbbtl6645 — 2023-07-13 14:09:51 UTC

추상화 결과물공유

bbbtl6645 — 2023-07-13 14:18:02 UTC

프로세싱의 기본

bbbtl6645 — 2023-07-14 06:03:26 UTC

미디어 아트 만들기

bbbtl6645 — 2023-07-17 12:58:41 UTC

무료음악 다운로드
스케치->도구>movie maker

프로세싱 코드 1

chs93114 — 2023-07-17 13:07:01 UTC

int spacing = 50;

void setup() {
size(600,600);
noLoop();
}

void draw() {
background(51, 51, 153);
noFill();

for(int y = 0; y <= height; y += spacing) {
for (int x = 0; x <= width; x += spacing) {
strokeWeight( random(1,4));
stroke( random(255), random(100, 150), 50 );
ellipse(x, y, 100, 100);
}
}
}

void mousePressed() {
redraw();
}

프로세싱 코드 2

chs93114 — 2023-07-17 14:13:35 UTC

int spacing = 50; // 화면 속 원의 배치 간격

// 데이터
int[] safe = new int[300]; // 1번째 안전의무 불이행 열값 저장
int[] walker = new int[300]; // 2번째 보행자보호의무 위반 열값 저장
int[] sign = new int[300]; // 3번째 신호위반 열값 저장
int[] center = new int[300]; // 4번째 중앙선 침범 열값 저장
int[] speed = new int[300]; // 5번째 과속위반 열값 저장
int[] etc = new int[300]; // 6번째 기타위반 열값 저장
Table data; // csv 테이블 변수

void setup(){
size(500,500); // height 600, width 600
convert_csv(); // csv 데이터 변환
}

void convert_csv() { // csv 데이터 변환
data = loadTable("SchoolZone.csv", "header"); // csv파일 불러와 변수에 저장
for (int i = 0; i < data.getRowCount(); i++ ) { // data파일의 모든 행 조회
TableRow row = data.getRow(i); // i번째 행의 값 모두 불러옴

int value1 = row.getInt("safe"); // i번째 행의 "safe" 열 값 가져오기
int value2 = row.getInt("walker"); // i번째 행의 "walker" 열 값 가져오기
int value3 = row.getInt("sign"); // i번째 행의 "sign" 열 값 가져오기
int value4 = row.getInt("center"); // i번째 행의 "center" 열 값 가져오기
int value5 = row.getInt("speed"); // i번째 행의 "speed" 열 값 가져오기
int value6 = row.getInt("etc"); // i번째 행의 "etc" 열 값 가져오기

int valueMap1 = (int)map(value1, 0, 30, 0, 30); // safe, 변환변수, 원본최소, 원본최대, 맵최소, 맵최대
int valueMap2 = (int)map(value2, 0, 50, 0, 100); // walker, value 2의 실제 값 범위(0 ~ 50) , 변환 범위(0 ~ 100)
int valueMap3 = (int)map(value3, 0, 50, 0, 100); // sign
int valueMap4 = (int)map(value4, 0, 2, 100, 255); // center
int valueMap5 = (int)map(value5, 0, 2, 100, 255); // speed
int valueMap6 = (int)map(value6, 0, 10,100, 255); // etc


safe[i] = valueMap1; // 변환 값, safe[i] 배열에 순서대로 저장
walker[i] = valueMap2; // 변환 값, walker[i] 배열에 순서대로 저장
sign[i] = valueMap3; // 변환 값, sign[i] 배열에 순서대로 저장
center[i] = valueMap4; // 변환 값, center[i] 배열에 순서대로 저장
speed[i] = valueMap5; // 변환 값, speed[i] 배열에 순서대로 저장
etc[i] = valueMap6; // 변환 값, etc[i] 배열에 순서대로 저장
}
}

// 바꿔야할 원 속성
// 1. 선두께 = safe 2. 선색상 R G B = center speed etc
// 3. 폭 = walker 4. 높이 = sign

void draw() {
background(255, 255, 255); // 배경색 지정
noFill();
int rowCount = 0; // 배열 순서대로 불러오기 위한 순서 변수

for(int y = 0; y <= height; y += spacing) { // 화면 높이따른 배치
for (int x = 0; x <= width; x += spacing) { // 화면 넓이따른 배치

strokeWeight( safe[rowCount] ); // 선두께 지정(Pixel)
stroke( center[rowCount], etc[rowCount],speed[rowCount] ); // 선그리기(R,G,B)
ellipse(x, y, walker[rowCount], sign[rowCount]); // 타원그리기(중심 X, Y, 폭, 높이)
rowCount++; // 배열 순서대로 불러오기 위한 순서 변수
}
}
}

void mousePressed() {
redraw();
}

강의자료 1

chs93114 — 2023-07-17 15:40:30 UTC

강의자료 2

chs93114 — 2023-07-17 15:40:39 UTC

실습관련 파일 다운로드

chs93114 — 2023-07-17 15:43:54 UTC

https://drive.google.com/drive/folders/18ck76MnlMoOYSt-kAv5YVul_g5jMnDDl?usp=sharing

연속된 프레임 저장

bbbtl6645 — 2023-07-18 03:38:03 UTC

saveFrame("my image_####.png");

프롬프트 지니

bbbtl6645 — 2023-07-18 06:06:11 UTC

.

2023-07-19 07:09:20 UTC

최홍석 선생님 이메일

bbbtl6645 — 2023-07-19 09:19:28 UTC

redst2019@gmail.com
경기게임마이스터고 최홍석