SlideShare a Scribd company logo
1 of 19
Download to read offline
태블릿 PC와 HTML5 웹 기술
Tablet PC and HTML5 Web Technology


                                     윤석찬
                           ㈜다음커뮤니케이션

                        http://channy.creation.net
                              channy@creation.net
                      http://twitter.com/channyun
태블릿 != 데스크톱 OS
모바일 OS가 주목 받는 이유
• 왜 모바일 OS인가?
 –   데스크톱 OS가 태블릿에서 실패했기 때문
 –   모바일과 데스크톱 사이의 영역을 새롭게 정의
 –   인터넷 기반의 웹 애플리케이션의 성장
 –   전혀 새로운 소프트웨어 생태계 주도


• 태블릿 애플리케이션의 구도
 – 태블릿 OS의 네이티브 개발 환경
     • iPhone OS, Android, WindowsPhone, Symbian…
 – 차세대 웹 표준 기반 개발 환경
     • HTML5 (Audio, Video, Canvas, SVG, CSS3, WebSocket…)
무엇이 문제인가?




            Even Google was not rich enough to support all of
            the different mobile platforms from Apple’s
            AppStore to those of the BlackBerry, Windows
            Mobile, Android and the many variations of the
            Nokia platform

              - Vic Gundotra, Google Engineering VP
리치 웹 기술의 성장
• 과거의 유산
  – 웹 브라우저 전쟁 및 비표준 웹 브라우저 (IE6)
  – 플러그인 양산 ActiveX, NS Plugin, Flash


• 웹 2.0과 웹 애플리케이션
  – 브로드밴드 환경 하에 사용자 참여 기반의 웹 플랫폼 성장
  – Ajax 기반의 리치 웹 애플리케이션 성장 (구글맵, 지메일)
  – 현대적 웹 브라우저의 기술 혁신 (파이어폭스, 사파리, 크롬)


• 새로운 트렌드
  – HTML5 기반 리치 웹 애플리케이션 제공
  – 모바일 및 태블릿 OS에서 적극 이용 가능
리치 웹 기술의 현황


                        PC    O
              웹 기반 표준   모바일   O
                        태블릿   O




               바이너리     PC    O
                        모바일   X
               플러그인     태블릿   X
HTML5 표준의 역사
HTML5 Right now?
                   •   Google.com
                   •   Apple.com
                   •   Mozilla.com
                   •   html5gallery.com




                   And many more…
HTML5의 주요 기술 요소(1)



            ActiveX기반 전자
            결재 에디터 모듈




            미디어 플레이어       미디어 플레이어
              플러그인           플러그인
HTML5의 주요 기술 요소(2)



   배너 광고     사이트메뉴   파일첨부
   플러그인      플러그인    플러그인
브라우저별 대응 수준
Demo: Video, Canvas, WebGL
모바일에서 주요 구현 현황



     Canvas    √
               √   √
                   √   √
                       √   √
                           √
 Video/Audio   √
               √   √
                   √   √
                       √   √
                           √
     WebGL     √
               √   √
                   √   √
                       √
        SVG    √
               √   √
                   √   √
                       √   √
                           √
    Workers    √
               √   √
                   √   √
                       √   √
                           √
HTML5 시대의 웹 프레임웍

                                                 age
                                              tor
                                            bS
        s                                 We
     nva
  Ca
                              Local
                               Local
Plug-in                      Storage                                                     dra
                              Storage                                                 san        ase
                                                                                   Ca          Hb
    bG
       L
                   a   che
  We            pC
              Ap                                                                NoSQL
                                                    Internet
    ML
      5     Structure
  HT
                                 Ajax                          RESTful
                                                                              {"Name": "Cheeso",       disk
                                                                                                        disk
                                                     et                       "Rank": 7}
                                                 oc k
                                            bS
                                          We
  CS
     S3     Presentation
                                       AP
                                          I                                      Cloud
                                 ect or
                             Se l           n
                                                                               Computing
                                        tio
             Behavior         Ge
                                  oloca
                                                                                  WS       zur
                                                                                              e
                                          rop                                   nA       SA
                                     g&D                                    azo        M
                                Dra                                      Am
온라인 기반 애플리케이션




          Hand of Greed
          http://brainiumstudios.com/webapp/
          Spin the Bottle
          http://www.idean.com/iphone/spin/

• Canvas 이용 간단한 멀티미디어 기능 구현 가능
• 광고 및 온라인 게임 등 활용
하이브리드형 애플리케이션




         Harmonious - 웹 기반 스케치패드
         http://harmoniousapp.com/




• 아이폰 앱 안에 웹 기반 UI 제공
• 네이티브+웹 기반 형태로 앱스토어에서 다운로드 가능
오프라인 애플리케이션




           Monocle - 웹 기반 eBook Reader
           http://monocle.inventivelabs.com.au/




•   HTML5기술+로컬 저장소만 이용한 애플리케이션
•   App Cache 혹은 앱스토어를 통해 배포 가능
차세대 빅뱅: Chrome OS?




  • 웹 기반 차세대 태블릿 OS
  • 웹 앱스토어 마켓
  • 디바이스 API 지원
결론
• 차세대 태블릿 OS는 기존 PC와 다른 환경이다.
 – 태블릿 OS는 모바일과 데스크탑과의 중간
 – 인터넷 기반 웹 애플리케이션이 차지하는 영역


• 다양한 태블릿 OS의 변화
 – 모바일 OS: 아이폰(아이패드), 안드로이드, 윈도우폰
 – 태블릿 OS: Chrome OS vs. Windows 7


• 웹 기반 개발 플랫폼의 성장
 – 다양한 모바일 개발 환경에 대한 비용의 증가
 – HTML5 기반 리치 웹 개발 환경의 혁신

More Related Content

Viewers also liked (9)

HTML5 and Mobile Web (2009)
HTML5 and Mobile Web (2009)HTML5 and Mobile Web (2009)
HTML5 and Mobile Web (2009)
 
HTML5 소개 및 배우기- HTML5 Open Conference
HTML5 소개 및 배우기- HTML5 Open ConferenceHTML5 소개 및 배우기- HTML5 Open Conference
HTML5 소개 및 배우기- HTML5 Open Conference
 
HTML5 in Korea (2010)
HTML5 in Korea (2010)HTML5 in Korea (2010)
HTML5 in Korea (2010)
 
The Status Of Web Interoperability And Activities In China, Japan And Korea
The Status Of Web Interoperability And Activities In China, Japan And KoreaThe Status Of Web Interoperability And Activities In China, Japan And Korea
The Status Of Web Interoperability And Activities In China, Japan And Korea
 
The History and Status of Web Crypto API (2012)
The History and Status of Web Crypto API (2012)The History and Status of Web Crypto API (2012)
The History and Status of Web Crypto API (2012)
 
웹 애플리케이션 기술 소개 - NGWeb (2006)
웹 애플리케이션 기술 소개 - NGWeb (2006)웹 애플리케이션 기술 소개 - NGWeb (2006)
웹 애플리케이션 기술 소개 - NGWeb (2006)
 
처음부터 다시 배우는 HTML5 & CSS3 1일차
처음부터 다시 배우는 HTML5 & CSS3 1일차처음부터 다시 배우는 HTML5 & CSS3 1일차
처음부터 다시 배우는 HTML5 & CSS3 1일차
 
차니의 IT 이야기 #2- 개발자 경력 관리 조언 (윤석찬)
차니의 IT 이야기 #2- 개발자 경력 관리 조언 (윤석찬)차니의 IT 이야기 #2- 개발자 경력 관리 조언 (윤석찬)
차니의 IT 이야기 #2- 개발자 경력 관리 조언 (윤석찬)
 
Docker (Compose) 활용 - 개발 환경 구성하기
Docker (Compose) 활용 - 개발 환경 구성하기Docker (Compose) 활용 - 개발 환경 구성하기
Docker (Compose) 활용 - 개발 환경 구성하기
 

Similar to 태블릿과 HTML5 기술 (조경 인사이트 포럼, 2011)

Kaazing - 웹소켓 기술의 유일한 엔터프라이즈 솔루션
Kaazing - 웹소켓 기술의 유일한 엔터프라이즈 솔루션Kaazing - 웹소켓 기술의 유일한 엔터프라이즈 솔루션
Kaazing - 웹소켓 기술의 유일한 엔터프라이즈 솔루션
미래웹기술연구소 (MIRAE WEB)
 
[빅데이터 컨퍼런스 전희원]
[빅데이터 컨퍼런스 전희원][빅데이터 컨퍼런스 전희원]
[빅데이터 컨퍼런스 전희원]
Jayoung Lim
 
Amazon 인공 지능(AI) 서비스 및 AWS 기반 딥러닝 활용 방법 - 윤석찬 (AWS, 테크에반젤리스트)
Amazon 인공 지능(AI) 서비스 및 AWS 기반 딥러닝 활용 방법 - 윤석찬 (AWS, 테크에반젤리스트)Amazon 인공 지능(AI) 서비스 및 AWS 기반 딥러닝 활용 방법 - 윤석찬 (AWS, 테크에반젤리스트)
Amazon 인공 지능(AI) 서비스 및 AWS 기반 딥러닝 활용 방법 - 윤석찬 (AWS, 테크에반젤리스트)
Amazon Web Services Korea
 
2012 빅데이터 big data 발표자료
2012 빅데이터 big data 발표자료2012 빅데이터 big data 발표자료
2012 빅데이터 big data 발표자료
Wooseung Kim
 

Similar to 태블릿과 HTML5 기술 (조경 인사이트 포럼, 2011) (20)

Oracle engineered system-Exalogic elastic cloud machine
Oracle engineered system-Exalogic elastic cloud machineOracle engineered system-Exalogic elastic cloud machine
Oracle engineered system-Exalogic elastic cloud machine
 
웹 소프트웨어 시대의 새로운 롤(role) 모델, 자바스크립트
웹 소프트웨어 시대의 새로운 롤(role) 모델, 자바스크립트웹 소프트웨어 시대의 새로운 롤(role) 모델, 자바스크립트
웹 소프트웨어 시대의 새로운 롤(role) 모델, 자바스크립트
 
클라우드를 활용한 미디어 프로세싱 솔루션 소개 - 이상오 솔루션즈 아키텍트 (GS네오텍) :: 미디어 커스토머 데이
클라우드를 활용한 미디어 프로세싱 솔루션 소개 - 이상오 솔루션즈 아키텍트 (GS네오텍) :: 미디어 커스토머 데이 클라우드를 활용한 미디어 프로세싱 솔루션 소개 - 이상오 솔루션즈 아키텍트 (GS네오텍) :: 미디어 커스토머 데이
클라우드를 활용한 미디어 프로세싱 솔루션 소개 - 이상오 솔루션즈 아키텍트 (GS네오텍) :: 미디어 커스토머 데이
 
Kaazing - 웹소켓 기술의 유일한 엔터프라이즈 솔루션
Kaazing - 웹소켓 기술의 유일한 엔터프라이즈 솔루션Kaazing - 웹소켓 기술의 유일한 엔터프라이즈 솔루션
Kaazing - 웹소켓 기술의 유일한 엔터프라이즈 솔루션
 
N-Screen 종결자, HTML5
N-Screen 종결자, HTML5N-Screen 종결자, HTML5
N-Screen 종결자, HTML5
 
[빅데이터 컨퍼런스 전희원]
[빅데이터 컨퍼런스 전희원][빅데이터 컨퍼런스 전희원]
[빅데이터 컨퍼런스 전희원]
 
HTML5 와 미래웹기술 part 3
HTML5 와 미래웹기술 part 3HTML5 와 미래웹기술 part 3
HTML5 와 미래웹기술 part 3
 
Amazon 인공 지능(AI) 서비스 및 AWS 기반 딥러닝 활용 방법 - 윤석찬 (AWS, 테크에반젤리스트)
Amazon 인공 지능(AI) 서비스 및 AWS 기반 딥러닝 활용 방법 - 윤석찬 (AWS, 테크에반젤리스트)Amazon 인공 지능(AI) 서비스 및 AWS 기반 딥러닝 활용 방법 - 윤석찬 (AWS, 테크에반젤리스트)
Amazon 인공 지능(AI) 서비스 및 AWS 기반 딥러닝 활용 방법 - 윤석찬 (AWS, 테크에반젤리스트)
 
Pp3 devweb
Pp3 devwebPp3 devweb
Pp3 devweb
 
마이크로서비스 아키텍처로 개발하기
마이크로서비스 아키텍처로 개발하기마이크로서비스 아키텍처로 개발하기
마이크로서비스 아키텍처로 개발하기
 
AWS Cloud Design Pattenr (Korean) - CDP Seminar in Korea
AWS Cloud Design Pattenr (Korean) - CDP Seminar in KoreaAWS Cloud Design Pattenr (Korean) - CDP Seminar in Korea
AWS Cloud Design Pattenr (Korean) - CDP Seminar in Korea
 
2012 빅데이터 big data 발표자료
2012 빅데이터 big data 발표자료2012 빅데이터 big data 발표자료
2012 빅데이터 big data 발표자료
 
20181108 HBSmith에서는 이렇게 AWS IaC로 배포한다
20181108 HBSmith에서는 이렇게 AWS IaC로 배포한다20181108 HBSmith에서는 이렇게 AWS IaC로 배포한다
20181108 HBSmith에서는 이렇게 AWS IaC로 배포한다
 
올챙이 현재와 미래
올챙이 현재와 미래올챙이 현재와 미래
올챙이 현재와 미래
 
[AI & DevOps] BigData Scale Production AI 서비스를 위한 최상의 플랫폼 아키텍처
[AI & DevOps] BigData Scale Production AI 서비스를 위한 최상의 플랫폼 아키텍처[AI & DevOps] BigData Scale Production AI 서비스를 위한 최상의 플랫폼 아키텍처
[AI & DevOps] BigData Scale Production AI 서비스를 위한 최상의 플랫폼 아키텍처
 
W3C HTML5 Conference 2015 - NAVER 웹 기술 및 환경 전망
W3C HTML5 Conference 2015 - NAVER 웹 기술 및 환경 전망W3C HTML5 Conference 2015 - NAVER 웹 기술 및 환경 전망
W3C HTML5 Conference 2015 - NAVER 웹 기술 및 환경 전망
 
[OpenStack Days Korea 2016] Track4 - 해외 사례로 보는 OpenStack Billing System
[OpenStack Days Korea 2016] Track4 - 해외 사례로 보는 OpenStack Billing System[OpenStack Days Korea 2016] Track4 - 해외 사례로 보는 OpenStack Billing System
[OpenStack Days Korea 2016] Track4 - 해외 사례로 보는 OpenStack Billing System
 
해외 사례로 보는 Billing for OpenStack Solution
해외 사례로 보는 Billing for OpenStack Solution해외 사례로 보는 Billing for OpenStack Solution
해외 사례로 보는 Billing for OpenStack Solution
 
Streaming platform Kafka in SK planet
Streaming platform Kafka in SK planetStreaming platform Kafka in SK planet
Streaming platform Kafka in SK planet
 
2020년 10월 24일 개발자 이야기
2020년 10월 24일 개발자 이야기2020년 10월 24일 개발자 이야기
2020년 10월 24일 개발자 이야기
 

More from Channy Yun

ICGIS 2018 - Cloud-powered Machine Learnings on Geospactial Services (Channy ...
ICGIS 2018 - Cloud-powered Machine Learnings on Geospactial Services (Channy ...ICGIS 2018 - Cloud-powered Machine Learnings on Geospactial Services (Channy ...
ICGIS 2018 - Cloud-powered Machine Learnings on Geospactial Services (Channy ...
Channy Yun
 
글로벌 지도 API 서비스 현황과 미래 - 한국지리정보학회 (2014)
글로벌 지도 API 서비스 현황과 미래 - 한국지리정보학회 (2014)글로벌 지도 API 서비스 현황과 미래 - 한국지리정보학회 (2014)
글로벌 지도 API 서비스 현황과 미래 - 한국지리정보학회 (2014)
Channy Yun
 
공공 데이터 활용 방법론 - 오픈 API 기술 및 동향 (KRNET 2014)
공공 데이터 활용 방법론 - 오픈 API 기술 및 동향 (KRNET 2014)공공 데이터 활용 방법론 - 오픈 API 기술 및 동향 (KRNET 2014)
공공 데이터 활용 방법론 - 오픈 API 기술 및 동향 (KRNET 2014)
Channy Yun
 
Webware - from Document to Operating System
Webware - from Document to Operating System Webware - from Document to Operating System
Webware - from Document to Operating System
Channy Yun
 
Daum APIs: A to Z - API Meetup 2014
Daum APIs: A to Z  - API Meetup 2014Daum APIs: A to Z  - API Meetup 2014
Daum APIs: A to Z - API Meetup 2014
Channy Yun
 

More from Channy Yun (20)

Chaos Engineering을 위한 최신 도구 업데이트 - 윤석찬 (AWS 테크에반젤리스트)
Chaos Engineering을 위한 최신 도구 업데이트 - 윤석찬 (AWS 테크에반젤리스트)Chaos Engineering을 위한 최신 도구 업데이트 - 윤석찬 (AWS 테크에반젤리스트)
Chaos Engineering을 위한 최신 도구 업데이트 - 윤석찬 (AWS 테크에반젤리스트)
 
인공지능이 이끌어가는 아마존의 리테일 혁신 - 윤석찬 (AWS) :: 메조미디어 옥토콘(OCTOCON) 2019
인공지능이 이끌어가는 아마존의 리테일 혁신 - 윤석찬 (AWS) :: 메조미디어 옥토콘(OCTOCON) 2019인공지능이 이끌어가는 아마존의 리테일 혁신 - 윤석찬 (AWS) :: 메조미디어 옥토콘(OCTOCON) 2019
인공지능이 이끌어가는 아마존의 리테일 혁신 - 윤석찬 (AWS) :: 메조미디어 옥토콘(OCTOCON) 2019
 
Chaos Engineering on Microservices - 윤석찬, AWS 테크에반젤리스트
Chaos Engineering on Microservices - 윤석찬, AWS 테크에반젤리스트 Chaos Engineering on Microservices - 윤석찬, AWS 테크에반젤리스트
Chaos Engineering on Microservices - 윤석찬, AWS 테크에반젤리스트
 
Kubernates를 위한 Chaos Engineering in Action :: 윤석찬 (AWS 테크에반젤리스트)
Kubernates를 위한 Chaos Engineering in Action :: 윤석찬 (AWS 테크에반젤리스트) Kubernates를 위한 Chaos Engineering in Action :: 윤석찬 (AWS 테크에반젤리스트)
Kubernates를 위한 Chaos Engineering in Action :: 윤석찬 (AWS 테크에반젤리스트)
 
ICGIS 2018 - Cloud-powered Machine Learnings on Geospactial Services (Channy ...
ICGIS 2018 - Cloud-powered Machine Learnings on Geospactial Services (Channy ...ICGIS 2018 - Cloud-powered Machine Learnings on Geospactial Services (Channy ...
ICGIS 2018 - Cloud-powered Machine Learnings on Geospactial Services (Channy ...
 
How to Measure DevRel's Perfomances: From Community to Business - Channy Yun ...
How to Measure DevRel's Perfomances: From Community to Business - Channy Yun ...How to Measure DevRel's Perfomances: From Community to Business - Channy Yun ...
How to Measure DevRel's Perfomances: From Community to Business - Channy Yun ...
 
KubeMonkey를 통한 Chaos Engineering 실전 운영하기 - 윤석찬 (AWS 테크에반젤리스트)
KubeMonkey를 통한 Chaos Engineering 실전 운영하기 - 윤석찬 (AWS 테크에반젤리스트)KubeMonkey를 통한 Chaos Engineering 실전 운영하기 - 윤석찬 (AWS 테크에반젤리스트)
KubeMonkey를 통한 Chaos Engineering 실전 운영하기 - 윤석찬 (AWS 테크에반젤리스트)
 
Game Day in Action for Chaos Engineering - 윤석찬 (AWS 테크에반젤리스트) :: 한국 카오스엔지니어링 밋업
Game Day in Action for Chaos Engineering - 윤석찬 (AWS 테크에반젤리스트) ::  한국 카오스엔지니어링 밋업Game Day in Action for Chaos Engineering - 윤석찬 (AWS 테크에반젤리스트) ::  한국 카오스엔지니어링 밋업
Game Day in Action for Chaos Engineering - 윤석찬 (AWS 테크에반젤리스트) :: 한국 카오스엔지니어링 밋업
 
Chaos Engineering 시작하기 - 윤석찬 (AWS 테크에반젤리스트) :: 한국 카오스엔지니어링 밋업
Chaos Engineering 시작하기 - 윤석찬 (AWS 테크에반젤리스트) ::  한국 카오스엔지니어링 밋업Chaos Engineering 시작하기 - 윤석찬 (AWS 테크에반젤리스트) ::  한국 카오스엔지니어링 밋업
Chaos Engineering 시작하기 - 윤석찬 (AWS 테크에반젤리스트) :: 한국 카오스엔지니어링 밋업
 
한국 웹20주년 기념 소책자
한국 웹20주년 기념 소책자한국 웹20주년 기념 소책자
한국 웹20주년 기념 소책자
 
클라우드 컴퓨팅과 Daum의 사례- 윤석찬 (KREN 연구 협력 포럼, 2013)
클라우드 컴퓨팅과 Daum의 사례- 윤석찬 (KREN 연구 협력 포럼, 2013) 클라우드 컴퓨팅과 Daum의 사례- 윤석찬 (KREN 연구 협력 포럼, 2013)
클라우드 컴퓨팅과 Daum의 사례- 윤석찬 (KREN 연구 협력 포럼, 2013)
 
Channy의 좌충우돌 스타트업 경험기 - 나인포유
Channy의 좌충우돌 스타트업 경험기 - 나인포유Channy의 좌충우돌 스타트업 경험기 - 나인포유
Channy의 좌충우돌 스타트업 경험기 - 나인포유
 
Microservices architecture examples
Microservices architecture examplesMicroservices architecture examples
Microservices architecture examples
 
글로벌 지도 API 서비스 현황과 미래 - 한국지리정보학회 (2014)
글로벌 지도 API 서비스 현황과 미래 - 한국지리정보학회 (2014)글로벌 지도 API 서비스 현황과 미래 - 한국지리정보학회 (2014)
글로벌 지도 API 서비스 현황과 미래 - 한국지리정보학회 (2014)
 
빅데이터 기술 현황과 시장 전망(2014)
빅데이터 기술 현황과 시장 전망(2014)빅데이터 기술 현황과 시장 전망(2014)
빅데이터 기술 현황과 시장 전망(2014)
 
공공 데이터 활용 방법론 - 오픈 API 기술 및 동향 (KRNET 2014)
공공 데이터 활용 방법론 - 오픈 API 기술 및 동향 (KRNET 2014)공공 데이터 활용 방법론 - 오픈 API 기술 및 동향 (KRNET 2014)
공공 데이터 활용 방법론 - 오픈 API 기술 및 동향 (KRNET 2014)
 
Mozilla Firefox OS, its Technical Platform and Future - ISET 2014
Mozilla Firefox OS, its Technical Platform and Future - ISET 2014Mozilla Firefox OS, its Technical Platform and Future - ISET 2014
Mozilla Firefox OS, its Technical Platform and Future - ISET 2014
 
Webware - from Document to Operating System
Webware - from Document to Operating System Webware - from Document to Operating System
Webware - from Document to Operating System
 
Daum APIs: A to Z - API Meetup 2014
Daum APIs: A to Z  - API Meetup 2014Daum APIs: A to Z  - API Meetup 2014
Daum APIs: A to Z - API Meetup 2014
 
제주 다음 스페이스.1 셀프 투어 가이드
제주 다음 스페이스.1 셀프 투어 가이드제주 다음 스페이스.1 셀프 투어 가이드
제주 다음 스페이스.1 셀프 투어 가이드
 

태블릿과 HTML5 기술 (조경 인사이트 포럼, 2011)

  • 1. 태블릿 PC와 HTML5 웹 기술 Tablet PC and HTML5 Web Technology 윤석찬 ㈜다음커뮤니케이션 http://channy.creation.net channy@creation.net http://twitter.com/channyun
  • 3. 모바일 OS가 주목 받는 이유 • 왜 모바일 OS인가? – 데스크톱 OS가 태블릿에서 실패했기 때문 – 모바일과 데스크톱 사이의 영역을 새롭게 정의 – 인터넷 기반의 웹 애플리케이션의 성장 – 전혀 새로운 소프트웨어 생태계 주도 • 태블릿 애플리케이션의 구도 – 태블릿 OS의 네이티브 개발 환경 • iPhone OS, Android, WindowsPhone, Symbian… – 차세대 웹 표준 기반 개발 환경 • HTML5 (Audio, Video, Canvas, SVG, CSS3, WebSocket…)
  • 4. 무엇이 문제인가? Even Google was not rich enough to support all of the different mobile platforms from Apple’s AppStore to those of the BlackBerry, Windows Mobile, Android and the many variations of the Nokia platform - Vic Gundotra, Google Engineering VP
  • 5. 리치 웹 기술의 성장 • 과거의 유산 – 웹 브라우저 전쟁 및 비표준 웹 브라우저 (IE6) – 플러그인 양산 ActiveX, NS Plugin, Flash • 웹 2.0과 웹 애플리케이션 – 브로드밴드 환경 하에 사용자 참여 기반의 웹 플랫폼 성장 – Ajax 기반의 리치 웹 애플리케이션 성장 (구글맵, 지메일) – 현대적 웹 브라우저의 기술 혁신 (파이어폭스, 사파리, 크롬) • 새로운 트렌드 – HTML5 기반 리치 웹 애플리케이션 제공 – 모바일 및 태블릿 OS에서 적극 이용 가능
  • 6. 리치 웹 기술의 현황 PC O 웹 기반 표준 모바일 O 태블릿 O 바이너리 PC O 모바일 X 플러그인 태블릿 X
  • 8. HTML5 Right now? • Google.com • Apple.com • Mozilla.com • html5gallery.com And many more…
  • 9. HTML5의 주요 기술 요소(1) ActiveX기반 전자 결재 에디터 모듈 미디어 플레이어 미디어 플레이어 플러그인 플러그인
  • 10. HTML5의 주요 기술 요소(2) 배너 광고 사이트메뉴 파일첨부 플러그인 플러그인 플러그인
  • 13. 모바일에서 주요 구현 현황 Canvas √ √ √ √ √ √ √ √ Video/Audio √ √ √ √ √ √ √ √ WebGL √ √ √ √ √ √ SVG √ √ √ √ √ √ √ √ Workers √ √ √ √ √ √ √ √
  • 14. HTML5 시대의 웹 프레임웍 age tor bS s We nva Ca Local Local Plug-in Storage dra Storage san ase Ca Hb bG L a che We pC Ap NoSQL Internet ML 5 Structure HT Ajax RESTful {"Name": "Cheeso", disk disk et "Rank": 7} oc k bS We CS S3 Presentation AP I Cloud ect or Se l n Computing tio Behavior Ge oloca WS zur e rop nA SA g&D azo M Dra Am
  • 15. 온라인 기반 애플리케이션 Hand of Greed http://brainiumstudios.com/webapp/ Spin the Bottle http://www.idean.com/iphone/spin/ • Canvas 이용 간단한 멀티미디어 기능 구현 가능 • 광고 및 온라인 게임 등 활용
  • 16. 하이브리드형 애플리케이션 Harmonious - 웹 기반 스케치패드 http://harmoniousapp.com/ • 아이폰 앱 안에 웹 기반 UI 제공 • 네이티브+웹 기반 형태로 앱스토어에서 다운로드 가능
  • 17. 오프라인 애플리케이션 Monocle - 웹 기반 eBook Reader http://monocle.inventivelabs.com.au/ • HTML5기술+로컬 저장소만 이용한 애플리케이션 • App Cache 혹은 앱스토어를 통해 배포 가능
  • 18. 차세대 빅뱅: Chrome OS? • 웹 기반 차세대 태블릿 OS • 웹 앱스토어 마켓 • 디바이스 API 지원
  • 19. 결론 • 차세대 태블릿 OS는 기존 PC와 다른 환경이다. – 태블릿 OS는 모바일과 데스크탑과의 중간 – 인터넷 기반 웹 애플리케이션이 차지하는 영역 • 다양한 태블릿 OS의 변화 – 모바일 OS: 아이폰(아이패드), 안드로이드, 윈도우폰 – 태블릿 OS: Chrome OS vs. Windows 7 • 웹 기반 개발 플랫폼의 성장 – 다양한 모바일 개발 환경에 대한 비용의 증가 – HTML5 기반 리치 웹 개발 환경의 혁신