1. 25장. 그래픽 혁명
CODE
The Hidden Language of Computer Hardware and Software
김지훈
아꿈사
2013. 03. 16.
1

2. As We May Think
버니바 부시(Vannevar Bush, 1890-1947)
1945년 미국의 Life 잡지에 기고
정보 처리 기술의 미래에 대한 상상
“인간의 마음은 비 선형적인 연상체계로 움직인다. 이러한 정신적 과정을 본따 기계체계를 만들 수 있다. 미래에 개인은 „memex'를 통해 자신의 체계화된 파일을
가질 수 있을 것이다. memex는 연상적 색인을 가능하게 하는데 자료의 모든 항목은 사용자의 의지에 의해 자동적으로 즉시 선별 가능해진다. 사용자가 단서를 만
들고, 거기에 이름을 붙이고, 코드화한 이름들을 입력하고 키보드를 누르면 사용자에게 연결된 항목들이 보이고 그 항목들은 상응하는 코드공간에서 불러들일 수
있다. 이렇게 하면 연상의 흔적들과 단서들로 그물망이 이루어진 새로운 형태의 백과사전이 출현할 것이다”
Memex
정보를 저장하고 분류하는 장치
마이크로 필름 이용
특정한 낱말을 선택하면 그 낱말과 관련된 내용을 표시
하이퍼링크 개념의 시초
2

3. 사용자 인터페이스의 발달
비대화형 인터페이스 (1950년대)
스위치와 케이블
천공카드, 천공필름
일괄처리(Batch Processing)
즉각적인 상호작용이 없음
3

4. 대화형 인터페이스
텔레타이프 (1960년대)
즉각적인 응답
하나의 시스템에 다수의 텔레타이프 사용
한 줄 씩 출력
초기의 CRT 모니터 (1970년대)
2차원 평면에 출력
제한적인 활용 : 유리로된 텔레타이프
4

5. 인터페이스 혁명의 시작
비디오 메모리를 프로세서의 주 메모리영역에 설정
비지칼크(VisiCalc)
2차원 스프레드시트
비디오 RAM에 프로세서가 직접 접근
중대형 컴퓨터는 따라 할 수 없었음
5

6. 픽셀과 메모리
640 x 480 픽셀
307,200 픽셀
38,400 바이트 픽셀당 1비트. 흑백
115,200 바이트 픽셀당 3비트. 최소의 색만 표현
614,400 바이트 픽셀당 2바이트. 32,768색(하이컬러)
원색마다 5비트 사용
921,600 바이트 픽셀당 1바이트. 1,677,216색(트루컬러)
원색마다 1바이트 사용
적색, 녹색, 청색에 각각 256단계 채도
6

7. 초기의 디스플레이
메모리의 한계
SAGE
벡터기반의 표시장치
전자총으로 선과 곡선을 그림
펜 입력 지원
7

8. 대화형 컴퓨팅의 발전
마우스의 개발(1968)
더글라스 엥겔바트 (Douglas Engelbart)
다이나북 (Dynabook, 1972)
앨런 케이 (Alan Kay)
이상적 컴퓨터의 모형
모두 As We May Think에서 영감
8

9. Alto 프로젝트
제록스, 팔로알토 연구소(PARC, 1973)
16비트 프로세서, 3MB 디스크, 128KB 메모리, 3버튼 마우스
비디오 디스플레이
마우스 포인터
버튼, 메뉴, 아이콘
상호작용
윈도우
다중 프로그램 실행
GUI의 시작 파일관리 프로그램
9

10. 매킨토시
Alto 시스템에서 영향
Apple Lisa (1983)
최초의 GUI 기반의 개인용 컴퓨터
호환성 문제와 비싼 가격
매킨토시 (Macintosh, 1984)
모토로라68000, 64K ROM, 128KB RAM, 3.5 플로피, 키보드, 마우스, 9인치 흑백 512x342
Mac OS
그래픽 처리를 위한 다양한 API
10

11. 컴퓨터 그래픽의 표현방식
벡터 (Vector)
직선, 곡선, 색이 칠해진 공간
알고리즘 적으로 생성
CAD
벡터 파일엔 벡터를 그리기 위한 명령어가 저장됨
복잡한 그래픽은 표현이 어려움
래스터 (Raster)
비트맵 그래픽
픽셀에 대응하는 2차원 배열
CCD : 스캐너, 카메라
Paint, BMP, GIF 포맷
데이터 압축 기술, JPEG
11

12. 소리의 부호화
펄스 부호 변조 (PCM)
샘플링 (Sampling)
샘플링 비율
CD (Compact disk, 1983)
74분의 디지털 음향 저장
초당 44,100 샘플(인간의 가청 주파수 20,000의 두 배)
샘플당 2바이트 x 스테레오(2) x 44,100 x 1분(60) = 10,584,000바이트
74분 = 783,216,000바이트
12

13. MIDI (Musical Instrument Digital Interface)
128개의 악기와 47개의 타악기 소리를 모사
미디 신디사이저를 통해 합성
MIDI 데이터의 내용
어떤 악기를 사용할 것인지
어떤 음을 연주할 것인지
어떻게 소리를 중단할 것인지
그래픽 파일의 벡터에 비유
품질에 대해 규정하지 않음
재생하는 시스템마다 소리의 품질이 다름
13

14. 동영상
소리를 포함한 연속된 비트맵
640 x 480, 24비트 컬러, 초당 30프레임
1초 = 27,648,000 바이트
1분 = 1,658,880,000 바이트
2시간 = 199,065,600,000 바이트
MPEG
DVD
14

15. 데이터 통신
최초의 원격 접속(1940)
조지 스티비츠
전화선으로 비트를 소리로 전환하여 전송
진폭을 0과 1 로 변경
MODEM
한번에 1비트씩, 직렬통신
주파수 변이 변조(FSK)
0 : 1070Hz, 1 : 1270Hz
시작비트 + 데이터 바이트 + 정지비트 (10비트 필요)
초당 300비트 전송가능, 30바이트
15

16. WWW
HTML
Text Format
Hyper Link
버니바 부시가 제안한 데이터가 다뤄지는 방식에 유사
16

17. 수고하셨습니다