code 25장

17
25 장 . 장장장 장장 CODE The Hidden Language of Computer Hardware and Software 1 장장장 장장장 2013. 03. 16.

Upload: ji-hun-kim

Post on 20-May-2015

429 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Code 25장

1

25 장 . 그래픽 혁명CODE

The Hidden Language of Computer Hardware and Software

김지훈아꿈사

2013. 03. 16.

Page 2: Code 25장

2

As We May Think

버니바 부시 (Vannevar Bush, 1890-1947)

1945 년 미국의 Life 잡지에 기고

정보 처리 기술의 미래에 대한 상상“ 인간의 마음은 비 선형적인 연상체계로 움직인다 . 이러한 정신적 과정을 본따 기계체계를 만들 수 있다 . 미래에 개인은 ‘ memex' 를 통해 자신의 체계화된 파일을 가질 수 있을 것이다 . memex 는 연상적 색인을 가능하게 하는데 자료의 모든 항목은 사용자의 의지에 의해 자동적으로 즉시 선별 가능해진다 . 사용자가 단서를 만들고 , 거기에 이름을 붙이고 , 코드화한 이름들을 입력하고 키보드를 누르면 사용자에게 연결된 항목들이 보이고 그 항목들은 상응하는 코드공간에서 불러들일 수 있다 . 이렇게 하면 연상의 흔적들과 단서들로 그물망이 이루어진 새로운 형태의 백과사전이 출현할 것이다”

Memex정보를 저장하고 분류하는 장치

마이크로 필름 이용

특정한 낱말을 선택하면 그 낱말과 관련된 내용을 표시

하이퍼링크 개념의 시초

Page 3: Code 25장

3

사용자 인터페이스의 발달

비대화형 인터페이스 (1950 년대 )

스위치와 케이블

천공카드 , 천공필름

일괄처리 (Batch Processing)

즉각적인 상호작용이 없음

Page 4: Code 25장

4

대화형 인터페이스텔레타이프 (1960 년대 )

즉각적인 응답하나의 시스템에 다수의 텔레타이프 사용한 줄 씩 출력

초기의 CRT 모니터 (1970 년대 )2 차원 평면에 출력제한적인 활용 : 유리로된 텔레타이프

Page 5: Code 25장

5

인터페이스 혁명의 시작

비디오 메모리를 프로세서의 주 메모리영역에 설정

비지칼크 (VisiCalc)2 차원 스프레드시트

비디오 RAM 에 프로세서가 직접 접근중대형 컴퓨터는 따라 할 수 없었음

Page 6: Code 25장

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 단계 채도

표현 가능한 색의 수 =

Page 7: Code 25장

초기의 디스플레이메모리의 한계SAGE

벡터기반의 표시장치전자총으로 선과 곡선을 그림펜 입력 지원

7

Page 8: Code 25장

8

대화형 컴퓨팅의 발전마우스의 개발 (1968)

더글라스 엥겔바트 (Douglas Engelbart)

다이나북 (Dynabook, 1972)앨런 케이 (Alan Kay)

이상적 컴퓨터의 모형

모두 As We May Think 에서 영감

Page 9: Code 25장

9

Alto 프로젝트제록스 , 팔로알토 연구소 (PARC, 1973)

16 비트 프로세서 , 3MB 디스크 , 128KB 메모리 , 3 버튼 마우스

비디오 디스플레이마우스 포인터버튼 , 메뉴 , 아이콘상호작용

윈도우다중 프로그램 실행

파일관리 프로그램GUI 의 시작

Page 10: Code 25장

10

매킨토시Alto 시스템에서 영향Apple Lisa (1983)

최초의 GUI 기반의 개인용 컴퓨터호환성 문제와 비싼 가격

매킨토시 (Macintosh, 1984)모토로라 68000, 64K ROM, 128KB RAM, 3.5 플로피 , 키보드 , 마우스 , 9 인치 흑백

512x342

Mac OS그래픽 처리를 위한 다양한 API

Page 11: Code 25장

11

컴퓨터 그래픽의 표현방식벡터 (Vector)

직선 , 곡선 , 색이 칠해진 공간알고리즘 적으로 생성CAD

벡터 파일엔 벡터를 그리기 위한 명령어가 저장됨복잡한 그래픽은 표현이 어려움

래스터 (Raster)비트맵 그래픽픽셀에 대응하는 2 차원 배열CCD : 스캐너 , 카메라Paint, BMP, GIF 포맷데이터 압축 기술 , JPEG

Page 12: Code 25장

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 바이트

Page 13: Code 25장

13

MIDI (Musical Instrument Digital Inter-face)128 개의 악기와 47 개의 타악기 소리를 모사미디 신디사이저를 통해 합성MIDI 데이터의 내용

어떤 악기를 사용할 것인지어떤 음을 연주할 것인지어떻게 소리를 중단할 것인지

그래픽 파일의 벡터에 비유품질에 대해 규정하지 않음

재생하는 시스템마다 소리의 품질이 다름

Page 14: Code 25장

14

동영상소리를 포함한 연속된 비트맵640 x 480, 24 비트 컬러 , 초당 30 프레임

1 초 = 27,648,000 바이트1 분 = 1,658,880,000 바이트2 시간 = 199,065,600,000 바이트

MPEGDVD

Page 15: Code 25장

15

데이터 통신최초의 원격 접속 (1940)

조지 스티비츠전화선으로 비트를 소리로 전환하여 전송진폭을 0 과 1 로 변경

MODEM한번에 1 비트씩 , 직렬통신주파수 변이 변조 (FSK)

0 : 1070Hz, 1 : 1270Hz

시작비트 + 데이터 바이트 + 정지비트 (10 비트 필요 )

초당 300 비트 전송가능 , 30 바이트

Page 16: Code 25장

16

WWW

HTML

Text Format

Hyper Link

버니바 부시가 제안한 데이터가 다뤄지는 방식에 유사

Page 17: Code 25장

수고하셨습니다