Transcript 인터넷 프로그래밍 소개

강의 소개와 현 인터넷 환경을 만들기
까지
수업 개요
 ABEEK을 포기함으로써 강의에 대한 요구조건이 줄
어듦
– 기말과제는 약화, 팀별 개발은 없음
– 중간, 기말 시험은 강화
 이 강의에서는 인터넷 중심의
– 기술 흐름의 변화를 보이고
– 현재 기술을 배우면서
– 미래에 대처하는 기술을 가르침
강의 계획



인터넷에 대한 소개, 인터넷이 이룬 혁신에 대한 관점 정리
프로그래밍(3학년 실험에서 제외)
– Ajax
• XHTML, CSS, JavaScript, DOM
• XML and RSS
– Web servers
• Database
• PHP
포함하지 않는 내용
– Java를 이용한 Web service는 Java 수업에서 듣거나 각자 공부
– Flex와 Silverlight는 3학년 실습 시간에
• 주로 스마트폰 관련 프로그래밍 중심
중간-기말 고사
 중간과 기말: 필기시험, 쪽지시험 (20%)
 실기시험: 예년과 다르게 어렵게 내지 않을 예
정 (40%)
 리포트, 기말과제 발표 (0%)
 출석, 기타 (10%)
강의 방향
 인터넷 응용 프로그램을 개발할 수 있는 능력
교육
– 웹 접근성 문제
– Cross-Browser
– 의미 기반 접근
 표준화에 따른 접근
– 웹 응용 개발은 거의 표준화된 환경에서 이루
어짐
컴퓨터 기술 발전 역사



기술이 바꾸는 세상, 정보통신 세상
– 컴퓨터+무선통신+휴대전화  스마트
폰
– 스마트폰 + 인터넷 + 지능  미래
• 집에 컴퓨터가 없는 세상, 세상 모
든 곳에 컴퓨터가 있는 세상
성공한 기술 중심 기업을 중심으로 과학과
공학의 길을 설명
과학적 내용보다는 공학적 내용에 초점을
둠
QMO
 SMS 문서를 애니메이션으로 만들어 제공
– SMS 문서는 아주 극단적 특성을 보인다.
– 애니메이션을 만들기 아주 어렵다.
– 음성합성에 큰 메모리가 들지 않았다.
 통합하여 결과를 만들고, 안드로이드폰에 탑재
QMO
맞춤법 교정
<SMS 메시지>
자갸?짐머해?걔는
그냥 친한동생이야
ㅜ.ㅜ오해하지마-난 자기랑^^쇼핑
밖에 모르잔아?사
랑해~!
자기야?
지금 뭐해?
걔는 그냥 친한 동생이야ㅜ.ㅜ
절대 오해하지 마!-난 자기랑^^ 쇼핑밖에 모르잖아?
사랑해~!
감정 추출
자기야?[LOVE]
지금 뭐해?[CURIOSITY]
걔는 그냥 친한 동생이야ㅜ.ㅜ[SAD]
절대 오해하지 마!--[ANGER]
난 자기랑^^[JOY] 쇼핑밖에 모르잖아?
사랑해~![LOVE]
과학과 공학의 차이



과학과 공학
– 과학: 보편적인 진리나 법칙의 발견을 목적으로 한 체계적인 지식. 넓은 뜻으로는
학(學)을 이르고, 좁은 뜻으로는 자연 과학을 이름
– 공학: 공업의 이론, 기술, 생산 따위를 체계적으로 연구하는 학문. 전자, 전기, 기
계, 항공, 토목, 컴퓨터 따위의 여러 분야가 있음
과학은 보편적 이론을 발견하려고 하며, 공학은 과학적 이론을 현실에 효과적으로 적
용하는 방법을 비용 대 효과 면에서 찾으려고 함
– 쥐틀 이야기
우리나라가 공학에서 세계 최고인 분야는 많지만 과학분야는 아님
– 하이테크펜
– 삼성(30나노)과 하이닉스(30나노) 반도체 기술 상용화
• 20나노 기술: IM플러시테크놀로지(인텔, 마이크론)
• 삼차원 반도체
– 일괄처리가 가능한 선박, 반잠수식 시추선
혁신이 세상을 바꿉니다.
기술진보, 점점 빨라지는 속도, 사회적 영향
기술이 세상을 가장 빨리 바꿉니다.
CHANGE
• Technology Change
• Social Change
• Business Change
• Political Change
TIME
Slide Courtesy, Don Pearson, VP, Government Technology
Source: Unleashing the Killer App
By: Larry Downes, Chunka Mui
정보통신 분야에서 성공한 회사
HP: 최초 벤처 기업
IBM : 기계에서 지식서비스업으로
SUN : 개방형 구조로 서버 시대에 성공, 그후 변화에 실패
마이크로소프트(MS) : IBM의 예측 실패로 운영체제를 기반으로
성공, 공룡으로 한계
 애플(Apple) : 마니아 중심 접근의 폐쇄성에서 끝임 없는 자기
혁신으로 스마트폰 시장 점령
 구글(Google) : 공학적 정신으로 성공, 그 미래는 혁신의 정도에
따라 다름
 삼성 : 공학적 접근, 다양한 변화를 바탕으로 하지만 기본적으로
는 장치산업, 현재 국내에서도 외국인이 10%가 넘어선 변화 모
색 단계 기업




수학자, 기계공학자가 만든 컴퓨터 :
찰스 배비지
첫 컴퓨터: ENIAC
 30톤, 150KW, 2.4m x
0.9m x 30m: 17,468개
진공관, 7,200개 다이오
드, 1,500개 릴레이,
70,000개 저항, 10,000개
커패시터
 가격은 현재 가치로 7억
원 정도
대형 컴퓨터의 시대: IBM
 큰 컴퓨터를 여러 사
람이 같이 사용하는
시대
 요즘도 은행에서는
이런 컴퓨터를 씁니
다.
 컴퓨터는 아주 비싼
기계
 슈퍼 컴퓨터, 중형 컴
퓨터도 공존
마이크로 컴퓨터
 Ed Roberts: Micro
Instrumentation and
Telemetry Systems(MITS)
창업자
 MITS Altair 8800 was a
microcomputer design
from 1975 based on the
Intel 8080 CPU
Altair BASIC
 Altair BASIC
 Bill Gates(하버드 학생),
Paul Allen이 MITS에서 개
발
– Lakeside School 친구
– 하버드대학 1학년 말에
Altair 8800이 개발되었다
는 소식을 듣고 더는 기다
려서는 안 되겠다고 생각
하고 자퇴 후 개발함
컴퓨터는
 하드웨어와 소프트웨어로 만들어 짐
– 하드웨어는 기계 그 자체
– 소프트웨어는 프로그램
• 소프트웨어가 수행되려면 운영체제(OS)가 필요함
• 운영체제로는 Mac OS, UNIX, RINUX, MS-DOS,
Windows, IBM OS/360 등 아주 많음
• 스마트폰에서 쓰는 iOS나 안드로이드는 LINUX에
기반한 운영체제임
마이크로 컴퓨터를 위한 운영체제
CP/M
 Control Program for
Microcomputers(CP/M)
– Digital Research, Inc.의 Gary Kildall이
만듦, 부인인 Dorothy와 창업
– 시장을 선도하면서 마이크로 컴퓨터를 위
한 운영체제의 기초를 만듦
– Altair 8800 복제품인 IMSAI 8080을 위해
만듦
 Seattle Computer Products (Tim
Paterson): QDOS (Quick and Dirty
Operating System) the name was
changed to 86-DOS
– CP/M을 흉내 낸 운영체제
– 뒤에 빌 게이츠가 고쳐 MS-DOS를 만듦
Apple Inc.
 Steve Jobs와 Steve Wozniak
이 1976년 창업
VisiCalc
 1979년 세계 최초의 표 계산 프로그램(스프
레드시트), $100에 판매
– Software Arts Inc., Dan Bricklin, Bob
Frankston
– Apple II에서 처음 실행, 1년에 70만 개를
판매, Apple이 성공하는 모태(killer app.)
– Lotus 1-2-3를 거쳐 MS Excel로 발전
 Dan Bricklin
– MIT에서 컴퓨터공학 박사를 받고, DEC
에서 일함
– 1977년 하버드대학에서 MBA(경영학 석
사)를 함
– 1981년에 Grace Murray Hopper Award
를 수상
Apple Inc.가 IBM에 도전
 LISA and Macintosh
– Apple Lisa: GUI
– Macintosh project
 온갖 좋은 것은 다 넣어 가격이 비싸서 처
음에는 잘 팔렸으나 뒤에는 잘 안 팔림
 1985년에 John Sculley에게 Steve Jobs가
쫓겨나서 Next라는 회사를 만듦
IBM PC (Personal Computer)
 1981년 8월 발표
– IBM은 PC가 돈이 안 된다고 봄
– 그래서 하드웨어를 공개하고, 운영
체제는 외부에서 조달하는 주문자
제작 방식 도입
– 그러다 보니 많은 업체가 IBM PC
와 호환되는 컴퓨터를 생산하여 보
급함으로써 가격이 크게 낮아짐. 따
라서 개인도 구매가 가능해짐.
– 삼보컴퓨터라는 우리나라 회사가
많이 생산함
 기술적으로는 Apple사에 크게 뒤떨
어짐
Gary Kildall과 Bill Gates
 IBM의 Jack Sams 이 운영체제를 외부에서 조달하려고 19080
년에 Gary Kildal을 접촉하여 CP/M-86을 도입하려 함, 부인인
Dorothy가 협상함. IBM은 협상 비밀 원칙을 지칠 것을 요구했으
나 반대하여 협상이 어려워지고, 한번에 사용료를 지급하려는
IBM과 개당 사용료를 주장하는 Gary와 접근 차이로 결렬
 Sams는 Basic를 공급하기로 계약한 Bill Gates를 만나서 운용
체제를 공급받기로 함
– Bill Gates는 운영체제가
없었으므로 QDOS를 가져와 고
쳐서 납품하면서 MS-DOS라 부름($100)
• IBM을 제외한 회사에도 판매할 수 있는 권한을 받았고, 결과적으로 IBM PC를
– Ms-DOS는 Gary의 특허를 위반한 시스템이지만 당시는 S/W 특허에 대한
개념이 없어 소송 실패, 대신 IBM이 CP/M-86도 IBM PC은 보조 운영체제
로 사용하게 함($250)
Gary Kildal: 안타까운 뒷 이야기
 CP/M
– 더욱 발전하여 다중처리가 가능하게 발전시키고
– Logo programming language(LISP 기반 언어)를 도입
하였으며
– Apple LISA에 대응하는 Graphic User Interface를 만
들었으나
 시장에서 밀려남
– 이후 Novell에 회사를 팔아 부자가 되었으나 1994년 8
월 8일 사망함
 Bill Gates는 세계 최고 부자가 됨
인터넷(Internet)
 ARPA(Advanced Research Projects Agency, 후에
DARPA가 됨)에 의해 1968년에 허가되고, 1969년에
시작된 ARPANET에서 출발
– 처음에는 UCLA와 Stanford 대학을 연결
– UC Santa Barbara와 Utah 대학으로 확장
 주로 대학에서 사용
– 연구 목적
– 일반인이 사용하기에는 어려움이 큼
 우리나라
– 1982년 아시아 최초로 KAIST-서울대가 처음 연결
WWW(World Wide Web, W3)
 스위스 제네바의 유럽입자물리학연구소
(CERN)에서 Berners-Lee와 벨기에 컴퓨
터공학자 Robert Cailliau
– "HyperText ... to link and access
information of various kinds as a web of
nodes in which the user can browse at
will
– 프로젝트 이름이 WWW
– NEXT에서 처음 구현, 1991년 발표
 인터넷을 일반인도 아주 쉽게 사용할 수
있게 함으로써 인터넷 사용을 확대
 GUI(그림에 의한 사용자 인터페이스)가 도
입되면서 사회, 경제, 정치, 문화, 오락 등
전세계 정보 분야에 혁명을 가져옴
 시간과 공간의 제약을 넘어선 “작은 세상
”을 만듦
 모든 기술에 특허를 걸지 않음으로써 모든
사람의 존경을 받음
인터넷 정보를 모아서 짜깁으면
 정보를 모아서 짜깁으면 그것이 힘이다.
– 정보를 찾아, 가공하고, 지식을 제공함
– 어떤 내용을 검색하고, 어떤 광고를 보고 무엇을 구매
하며, 어떤 텔레비전 프로그램을 보고 무엇을 사는가,
어떤 책을 읽고, 어떤 동영상을 좋아하며 ….
 구글, 네이버는 이런 정보를 바탕으로 검색을 효율적
으로 하여 큰 정보 유통 기업
– 인터넷에서 큰 돈도 벌고 사회에 이바지도 함
 개인의 정보 유출에 대한 우려가 큰 문제
구글은!
 Google의 목적은 세상의 정보를 모아서
누구나 접근하여 유용하게 쓸 수 있게 하
는 것임
 Don’t be evil!!!
 Google's founders Larry Page and
Sergey Brin developed a new approach
to online search that took root in a
Stanford University dorm room and
quickly spread to information seekers
around the globe.
 Eric Schmidt
– Xerox, SUN, Novell, Google(20012011.1), Apple 사외이사
Google이 다른 점
 사람이 계속 머물게 하지
않는다.
 돈을 낸다고 검색 순위가
바뀌지 않는다.
 엔지니어가 중심이 된 회
사다. 다들 백만장자가 됨
. 월급보다는 환경
Google의 성공 요인


‘Ken Auletta’가 말하는 Google의 성공 요인
– 미친듯한 열정을 바탕으로 한 명확성
– ‘Why Not?’이라고 하는 엔지니어 중심의
문화
– 수학적 명확성에 기반을 둔 접근
현재 Google 전체 직원의 70%가 엔지니어
– 엔지니어가 존중받는 기업
• 마사지, 점심, 휴가
• 평가 방법, 승진 방법이 독특
• 자신의 근무 시간 20%는 자기가 원
하는 일을 할 수 있음
• 즐거운 기업, 신나는 근무
휴대전화(Cellular Phone, Mobile Phone)
 1973년에 모토롤라의 Martin Cooper가
2Kg짜리 휴대전화를 처음 만듦
 DynaTAC 8000x: 1983년
DynaTAC(Dynamic Adaptive Total Area
Coverage)이란 이름으로 3995$(현재 가
치로 1,000만원 정도)에 판매됨
 전파 자원을 효율적으로 사용하기 위해
전파가 특정 영역(셀)에만 전달되고, 멀리
는 못 가게 함
 CDMA라는 기술은 우리나라가 처음으로
사용화함
SmartPhone
 컴퓨터의 기능을 완벽히 하는 휴대
전화
– 인터넷을 사용할 수 있고
– 동영상을 볼 수 있으면서, 동영상으
로 통신
– 게임이나 채팅도 할 수 있고…
 개발 과정
– IBM Simon(1992년)
– Symbian, Palm, Windows and
BlackBerry
• 최초 상업적 시스템: Ericsson R380
Smartphone
– Android and iPhone
iPhone, 구글폰, 새로운 응용 창출
 기존 응용을 스마트폰에 적용한 것
– 비교적 큰 메모리, 빠른 처리 속도
– 무선통신과 접속에 따른 통신비용 절감
 새로운 응용창출
– 새로운 상황인식 능력에 따라 만들어진 응용
• 중력 인식, 가속도 인식, (조도 센서), 터치스크린
, 나침반
– 기존 기술을 스마트폰에 맞추어 변형한 것
– 스마트폰이란 환경이 창출한 것
 차이: iPhone은 폐쇄형, Google은 개방형
Title
I Am T-Pain
Category
Music
Price
$2.99
Ratings
3.5 / 5.0
123 ratings for current ver.
20017 ratings for all ver.
기능 및 특징
터치스크린
마이크
가속도 센서
• 사용자의 음성을 마이크로 녹음, Auto-tune 해주는
APP
• 녹음한 내용을 메일로 전송 가능
• 자신이 가지고 있는 음악파일을 불러와서 함께 녹음
하는 것이 가능
• 전 세계에서 이 APP로 부른 노래를 실시간으로 들을
수 있음
키보드
Input
카메라
Output
터치스크린
스피커
진동
Environment
GPS
조도센서
나침반
Network
이동통신망
블루투스
WiFi
HCI 분석 및 개선점
• 전체 문장 내용을 수정 시 글자를 ‘Backspace’를 이용해 일일이 지워야 하지만 iPhone을 흔드는
가속도 센서를 이용하여 글 내용이 사라지게 하면 더욱 편리하게 사용할 수 있을 것이다.
I Am T-Pain

출처: http://www.youtube.com/watch?v=ITT6bYYGVfM
Title
Sekai Camera
Category
Social Networking
Price
FREE
Ratings
2.5 / 5.0
1,925 ratings for current ver.
2,434 ratings for all ver.
기능 및 특징
• 위치 정보를 이용한 증강 현실(Augmented Reality)
Appication
• 어떤 장소에라도 그 위치에 글을 남기거나, 사진, 음
성 메모를 Tagging 가능 (AirTagging)
• 카메라를 통해 현재 위치 근처의 AirTag 확인 가능
터치스크린
마이크
키보드
Input
가속도 센서
카메라
Output
터치스크린
스피커
진동
Environment
GPS
조도센서
나침반
Network
이동통신망
블루투스
WiFi
HCI 분석 및 개선점
• 서버에 저장된 정보들을 실제 세계에 Mapping 시켜 사용자에게 새로운 ‘눈’의 기능 가능
• 어떤 음식점에 대한 정보를 인터넷에서 검색할 필요 없이 이 어플로 그 장소를 비추기만 하면 누군
가가 남겨놓은 정보를 곧바로 얻는 것이 가능
정보통신 세계의 현재와 가까운 미래


현재
– 프로그램은 미국에서 설계, 스위스에서 검증, 프
로그램은 인도에서
– 미국의 개인 회계는 필리핀에서
– 문의는 한국에서 대답은 중국 연변에서
가까운 미래는 (cloud computing)
– 더는 집에 컴퓨터가 없이 전기처럼 플러그만 꽂
으면 되고,
– 세계 어디를 가든 컴퓨터만 켜면 집에서처럼 사
용할 수 있고
– 컴퓨터 사용료, 통신비를 포함해 모든 통신 비용
은 정액으로
– 통신속도는 무시할 수 있게 빠르고
– 프로그램은 빌려 쓰고, 메모리도 빌려 쓰고,
Cloud Computing







전 세계에 컴퓨터가 깔려 있고
누구나 자기가 어느 컴퓨터를 쓰는지 알 수
없고
그러면서 사물도 통신과 계산 기능을 가지
고
어디 가서나 자기가 사용하던 그대로 컴퓨
터를 쓸 수 있고
그러면서 통신요금에 포함해서 컴퓨터 사
용료가 지급되고
국가와 거리의 장벽이 없이
서버는 어디에? 정보는 어디에? 내 자료는
어디에?
좀 더 미래에는 인지가 중심이 된 컴퓨터

먼 미래(여러분이 사회에서 일할 때)
– 사람의 생각을 사물이 이해하고
– 나에게 맞는 정보만 제공해주고
– 건강을 비롯해 모든 것을 관리해주며
– 외국어를 몰라도 통역해주고
– 장애우는 몸의 일부를 기계로 대치하고
– 뇌에서 직접 정보를 추출하고
– ….


모든 학문이 융합이 되는 세상
뇌파를 읽어 패스워드를 찾는 기술
Social Network
 세상을 바꾸는 힘
 싸이월드에서 시작
 페이스북, 트위터
 Why Software is Eating The World
Big Data
 인터넷이 중심이 된 새로운 정보환경
 표준화된 환경에서 다양한 대용량 자료 처리
– 자료 자체는 오류나 잡음이 있을 수 있음
 실시간 처리
 의사 결정에 도움을 주는 정보 추출
 다양한 응용 환경에 적용할 수 있는 개발환경 구축