SlideShare a Scribd company logo
1 of 17
25장. 그래픽 혁명
                       CODE
The Hidden Language of Computer Hardware and Software




                                                             김지훈
                                                             아꿈사
                                                        2013. 03. 16.
                                                                    1
As We May Think
버니바 부시(Vannevar Bush, 1890-1947)

1945년 미국의 Life 잡지에 기고

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


Memex
       정보를 저장하고 분류하는 장치
       마이크로 필름 이용
       특정한 낱말을 선택하면 그 낱말과 관련된 내용을 표시

       하이퍼링크 개념의 시초
                                                                                            2
사용자 인터페이스의 발달

비대화형 인터페이스 (1950년대)
   스위치와 케이블

   천공카드, 천공필름

   일괄처리(Batch Processing)

   즉각적인 상호작용이 없음




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




                            4
인터페이스 혁명의 시작

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

             비지칼크(VisiCalc)
                 2차원 스프레드시트
                 비디오 RAM에 프로세서가 직접 접근
                 중대형 컴퓨터는 따라 할 수 없었음




                                        5
픽셀과 메모리
    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
초기의 디스플레이
메모리의 한계
SAGE
  벡터기반의 표시장치
  전자총으로 선과 곡선을 그림
  펜 입력 지원




                    7
대화형 컴퓨팅의 발전
마우스의 개발(1968)
    더글라스 엥겔바트 (Douglas Engelbart)

다이나북 (Dynabook, 1972)
    앨런 케이 (Alan Kay)
    이상적 컴퓨터의 모형


모두 As We May Think에서 영감



                                    8
Alto 프로젝트
제록스, 팔로알토 연구소(PARC, 1973)
    16비트 프로세서, 3MB 디스크, 128KB 메모리, 3버튼 마우스

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

윈도우
    다중 프로그램 실행

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


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



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


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

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



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

                                     15
WWW
HTML

Text Format

Hyper Link


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


                                            16
수고하셨습니다

More Related Content

What's hot

Thiết kế đồng hồ số sử dụng bộ công cụ phần mềm thiết kế IC chuyên nghiệp của...
Thiết kế đồng hồ số sử dụng bộ công cụ phần mềm thiết kế IC chuyên nghiệp của...Thiết kế đồng hồ số sử dụng bộ công cụ phần mềm thiết kế IC chuyên nghiệp của...
Thiết kế đồng hồ số sử dụng bộ công cụ phần mềm thiết kế IC chuyên nghiệp của...luanvantrust
 
Microprocessor architecture II
Microprocessor architecture   IIMicroprocessor architecture   II
Microprocessor architecture IIDr.YNM
 
Difference Between Microprocessors and Microcontrollers
Difference Between Microprocessors and MicrocontrollersDifference Between Microprocessors and Microcontrollers
Difference Between Microprocessors and Microcontrollerselprocus
 
microprocessor-and-microcontroller
microprocessor-and-microcontrollermicroprocessor-and-microcontroller
microprocessor-and-microcontrollerjhcid
 
Circuitos Digitais: Portas Lógicas parte 1
Circuitos Digitais: Portas Lógicas parte 1Circuitos Digitais: Portas Lógicas parte 1
Circuitos Digitais: Portas Lógicas parte 1Elaine Cecília Gatto
 
Aula 1 conhecimentos básicos - hardware
Aula 1    conhecimentos básicos - hardwareAula 1    conhecimentos básicos - hardware
Aula 1 conhecimentos básicos - hardwareCristiano Carvalho
 
Introduction to 80386
Introduction to 80386Introduction to 80386
Introduction to 80386Abinaya B
 
Operand and Opcode | Computer Science
Operand and Opcode | Computer ScienceOperand and Opcode | Computer Science
Operand and Opcode | Computer ScienceTransweb Global Inc
 
Timeline of Processors
Timeline of ProcessorsTimeline of Processors
Timeline of ProcessorsDevraj Goswami
 
Introduction to AVR Microcontroller
Introduction to AVR Microcontroller Introduction to AVR Microcontroller
Introduction to AVR Microcontroller Mahmoud Sadat
 
High Bandwidth Memory(HBM)
High Bandwidth Memory(HBM)High Bandwidth Memory(HBM)
High Bandwidth Memory(HBM)HARINATH REDDY
 
Historia da Informática
 Historia da Informática Historia da Informática
Historia da InformáticaFran Plautz
 
RISC and CISC Processors
RISC and CISC ProcessorsRISC and CISC Processors
RISC and CISC ProcessorsAdeel Rasheed
 
DDR, GDDR, HBM SDRAM Memory
DDR, GDDR, HBM SDRAM MemoryDDR, GDDR, HBM SDRAM Memory
DDR, GDDR, HBM SDRAM MemorySubhajit Sahu
 
History of processor
History of processorHistory of processor
History of processorSana Ullah
 
Intel Microprocessor
Intel MicroprocessorIntel Microprocessor
Intel MicroprocessorHome
 

What's hot (20)

Thiết kế đồng hồ số sử dụng bộ công cụ phần mềm thiết kế IC chuyên nghiệp của...
Thiết kế đồng hồ số sử dụng bộ công cụ phần mềm thiết kế IC chuyên nghiệp của...Thiết kế đồng hồ số sử dụng bộ công cụ phần mềm thiết kế IC chuyên nghiệp của...
Thiết kế đồng hồ số sử dụng bộ công cụ phần mềm thiết kế IC chuyên nghiệp của...
 
Microprocessor architecture II
Microprocessor architecture   IIMicroprocessor architecture   II
Microprocessor architecture II
 
Intel i7
Intel i7Intel i7
Intel i7
 
Difference Between Microprocessors and Microcontrollers
Difference Between Microprocessors and MicrocontrollersDifference Between Microprocessors and Microcontrollers
Difference Between Microprocessors and Microcontrollers
 
microprocessor-and-microcontroller
microprocessor-and-microcontrollermicroprocessor-and-microcontroller
microprocessor-and-microcontroller
 
Circuitos Digitais: Portas Lógicas parte 1
Circuitos Digitais: Portas Lógicas parte 1Circuitos Digitais: Portas Lógicas parte 1
Circuitos Digitais: Portas Lógicas parte 1
 
Aula 1 conhecimentos básicos - hardware
Aula 1    conhecimentos básicos - hardwareAula 1    conhecimentos básicos - hardware
Aula 1 conhecimentos básicos - hardware
 
Introduction to 80386
Introduction to 80386Introduction to 80386
Introduction to 80386
 
Microprocessor
MicroprocessorMicroprocessor
Microprocessor
 
Operand and Opcode | Computer Science
Operand and Opcode | Computer ScienceOperand and Opcode | Computer Science
Operand and Opcode | Computer Science
 
Timeline of Processors
Timeline of ProcessorsTimeline of Processors
Timeline of Processors
 
CISC VS CISC
CISC VS CISCCISC VS CISC
CISC VS CISC
 
Introduction to AVR Microcontroller
Introduction to AVR Microcontroller Introduction to AVR Microcontroller
Introduction to AVR Microcontroller
 
High Bandwidth Memory(HBM)
High Bandwidth Memory(HBM)High Bandwidth Memory(HBM)
High Bandwidth Memory(HBM)
 
Historia da Informática
 Historia da Informática Historia da Informática
Historia da Informática
 
RISC and CISC Processors
RISC and CISC ProcessorsRISC and CISC Processors
RISC and CISC Processors
 
Lecture2
Lecture2Lecture2
Lecture2
 
DDR, GDDR, HBM SDRAM Memory
DDR, GDDR, HBM SDRAM MemoryDDR, GDDR, HBM SDRAM Memory
DDR, GDDR, HBM SDRAM Memory
 
History of processor
History of processorHistory of processor
History of processor
 
Intel Microprocessor
Intel MicroprocessorIntel Microprocessor
Intel Microprocessor
 

Similar to Code 25장

Landscape 구축, Unreal Engine 3 의 차세대 terrain system
Landscape 구축, Unreal Engine 3 의 차세대 terrain systemLandscape 구축, Unreal Engine 3 의 차세대 terrain system
Landscape 구축, Unreal Engine 3 의 차세대 terrain systemdrandom
 
게임문화연구회 플랫폼 스터디 제1회
게임문화연구회 플랫폼 스터디 제1회게임문화연구회 플랫폼 스터디 제1회
게임문화연구회 플랫폼 스터디 제1회순천향대학교
 
옛날 이야기 윈도우 8 + 8.1
옛날 이야기   윈도우 8 + 8.1옛날 이야기   윈도우 8 + 8.1
옛날 이야기 윈도우 8 + 8.1Kwang-soo Park
 
Acute travel logic logic analyzer(s)
Acute travel logic logic analyzer(s)Acute travel logic logic analyzer(s)
Acute travel logic logic analyzer(s)WAVENIX CO.,LTD.
 
디지털비디오
디지털비디오디지털비디오
디지털비디오Donghoi Kim
 
내 손에 픽셀을 쥐어다오
내 손에 픽셀을 쥐어다오내 손에 픽셀을 쥐어다오
내 손에 픽셀을 쥐어다오KwangSam Kim
 
Digital contents multimedia
Digital contents multimediaDigital contents multimedia
Digital contents multimediaDonghoi Kim
 
제4회 한국IBM과 함께하는 난공불락 오픈소스 인프라 세미나-AI
제4회 한국IBM과 함께하는 난공불락 오픈소스 인프라 세미나-AI제4회 한국IBM과 함께하는 난공불락 오픈소스 인프라 세미나-AI
제4회 한국IBM과 함께하는 난공불락 오픈소스 인프라 세미나-AITommy Lee
 
[엄마정치 메이커팀] 첫 만남
[엄마정치 메이커팀] 첫 만남[엄마정치 메이커팀] 첫 만남
[엄마정치 메이커팀] 첫 만남yuna cho
 
Android Screen Recorder
Android Screen RecorderAndroid Screen Recorder
Android Screen RecorderSooHwan Ok
 
MGS 툴세미나
MGS 툴세미나MGS 툴세미나
MGS 툴세미나Bonex Gu
 
게임트렌드변천사
게임트렌드변천사게임트렌드변천사
게임트렌드변천사Changsun Kim
 
Display color와 Digital texture format의 이해
Display color와 Digital texture format의 이해Display color와 Digital texture format의 이해
Display color와 Digital texture format의 이해SangYun Yi
 
(NEMO-UX) 미래 컴퓨팅 환경
(NEMO-UX) 미래 컴퓨팅 환경(NEMO-UX) 미래 컴퓨팅 환경
(NEMO-UX) 미래 컴퓨팅 환경nemoux
 
Gamebryo LightSpeed (Korean)
Gamebryo LightSpeed (Korean)Gamebryo LightSpeed (Korean)
Gamebryo LightSpeed (Korean)Gamebryo
 
Let's geek! (1)
Let's geek! (1) Let's geek! (1)
Let's geek! (1) nerdsday
 
Deview2013 - 게임기술과 수퍼컴퓨팅의 공생관계
Deview2013 - 게임기술과 수퍼컴퓨팅의 공생관계Deview2013 - 게임기술과 수퍼컴퓨팅의 공생관계
Deview2013 - 게임기술과 수퍼컴퓨팅의 공생관계Tae Yong Kim
 
유니티 고급 과정 -1-
유니티 고급 과정 -1-유니티 고급 과정 -1-
유니티 고급 과정 -1-Kiyoung Moon
 

Similar to Code 25장 (19)

Landscape 구축, Unreal Engine 3 의 차세대 terrain system
Landscape 구축, Unreal Engine 3 의 차세대 terrain systemLandscape 구축, Unreal Engine 3 의 차세대 terrain system
Landscape 구축, Unreal Engine 3 의 차세대 terrain system
 
NUI와 Kinect
NUI와 KinectNUI와 Kinect
NUI와 Kinect
 
게임문화연구회 플랫폼 스터디 제1회
게임문화연구회 플랫폼 스터디 제1회게임문화연구회 플랫폼 스터디 제1회
게임문화연구회 플랫폼 스터디 제1회
 
옛날 이야기 윈도우 8 + 8.1
옛날 이야기   윈도우 8 + 8.1옛날 이야기   윈도우 8 + 8.1
옛날 이야기 윈도우 8 + 8.1
 
Acute travel logic logic analyzer(s)
Acute travel logic logic analyzer(s)Acute travel logic logic analyzer(s)
Acute travel logic logic analyzer(s)
 
디지털비디오
디지털비디오디지털비디오
디지털비디오
 
내 손에 픽셀을 쥐어다오
내 손에 픽셀을 쥐어다오내 손에 픽셀을 쥐어다오
내 손에 픽셀을 쥐어다오
 
Digital contents multimedia
Digital contents multimediaDigital contents multimedia
Digital contents multimedia
 
제4회 한국IBM과 함께하는 난공불락 오픈소스 인프라 세미나-AI
제4회 한국IBM과 함께하는 난공불락 오픈소스 인프라 세미나-AI제4회 한국IBM과 함께하는 난공불락 오픈소스 인프라 세미나-AI
제4회 한국IBM과 함께하는 난공불락 오픈소스 인프라 세미나-AI
 
[엄마정치 메이커팀] 첫 만남
[엄마정치 메이커팀] 첫 만남[엄마정치 메이커팀] 첫 만남
[엄마정치 메이커팀] 첫 만남
 
Android Screen Recorder
Android Screen RecorderAndroid Screen Recorder
Android Screen Recorder
 
MGS 툴세미나
MGS 툴세미나MGS 툴세미나
MGS 툴세미나
 
게임트렌드변천사
게임트렌드변천사게임트렌드변천사
게임트렌드변천사
 
Display color와 Digital texture format의 이해
Display color와 Digital texture format의 이해Display color와 Digital texture format의 이해
Display color와 Digital texture format의 이해
 
(NEMO-UX) 미래 컴퓨팅 환경
(NEMO-UX) 미래 컴퓨팅 환경(NEMO-UX) 미래 컴퓨팅 환경
(NEMO-UX) 미래 컴퓨팅 환경
 
Gamebryo LightSpeed (Korean)
Gamebryo LightSpeed (Korean)Gamebryo LightSpeed (Korean)
Gamebryo LightSpeed (Korean)
 
Let's geek! (1)
Let's geek! (1) Let's geek! (1)
Let's geek! (1)
 
Deview2013 - 게임기술과 수퍼컴퓨팅의 공생관계
Deview2013 - 게임기술과 수퍼컴퓨팅의 공생관계Deview2013 - 게임기술과 수퍼컴퓨팅의 공생관계
Deview2013 - 게임기술과 수퍼컴퓨팅의 공생관계
 
유니티 고급 과정 -1-
유니티 고급 과정 -1-유니티 고급 과정 -1-
유니티 고급 과정 -1-
 

More from Ji Hun Kim

Doing data science Chapter 9
Doing data science Chapter 9Doing data science Chapter 9
Doing data science Chapter 9Ji Hun Kim
 
Arduino 소개, RC카 만들기
Arduino 소개, RC카 만들기Arduino 소개, RC카 만들기
Arduino 소개, RC카 만들기Ji Hun Kim
 
Learning Node Book, Chapter 5
Learning Node Book, Chapter 5Learning Node Book, Chapter 5
Learning Node Book, Chapter 5Ji Hun Kim
 
High performance networking in chrome
High performance networking in chromeHigh performance networking in chrome
High performance networking in chromeJi Hun Kim
 
Api design for c++ 6장
Api design for c++ 6장Api design for c++ 6장
Api design for c++ 6장Ji Hun Kim
 
Windbg랑 친해지기
Windbg랑 친해지기Windbg랑 친해지기
Windbg랑 친해지기Ji Hun Kim
 
Python packaging
Python packagingPython packaging
Python packagingJi Hun Kim
 
읽기 좋은 코드가 좋은 코드다 Part one
읽기 좋은 코드가 좋은 코드다   Part one읽기 좋은 코드가 좋은 코드다   Part one
읽기 좋은 코드가 좋은 코드다 Part oneJi Hun Kim
 

More from Ji Hun Kim (10)

Doing data science Chapter 9
Doing data science Chapter 9Doing data science Chapter 9
Doing data science Chapter 9
 
Ninja
NinjaNinja
Ninja
 
Arduino 소개, RC카 만들기
Arduino 소개, RC카 만들기Arduino 소개, RC카 만들기
Arduino 소개, RC카 만들기
 
Learning Node Book, Chapter 5
Learning Node Book, Chapter 5Learning Node Book, Chapter 5
Learning Node Book, Chapter 5
 
High performance networking in chrome
High performance networking in chromeHigh performance networking in chrome
High performance networking in chrome
 
Api design for c++ 6장
Api design for c++ 6장Api design for c++ 6장
Api design for c++ 6장
 
Windbg랑 친해지기
Windbg랑 친해지기Windbg랑 친해지기
Windbg랑 친해지기
 
Code 10장
Code 10장Code 10장
Code 10장
 
Python packaging
Python packagingPython packaging
Python packaging
 
읽기 좋은 코드가 좋은 코드다 Part one
읽기 좋은 코드가 좋은 코드다   Part one읽기 좋은 코드가 좋은 코드다   Part one
읽기 좋은 코드가 좋은 코드다 Part one
 

Code 25장

  • 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