라이트브레인 UX1 컨설팅 그룹
[ 리서치 기간 2014년 8월 ~ 2015년 2월]
- 추천서비스
- 오프라인의 온라인화
- 일상 속 건강 가이드
- 비즈니스 솔루션
* 발간 후 시간이 경과된 이유로, 문서 내 참고영상링크가 일부 삭제되거나 변경되었을 수 있음을 양해 부탁드립니다.
* 2015년 두번째 UX 트렌드 리포는 11월 초 발간 예정입니다.
< 2016 3rd UX Trend Report Part1>
라이트브레인 UX 트렌드 리포트 UX Discovery는 해외 다양한 매체들을 통해 하루 평균 50여건의 트렌드를 탐색, 수집, 검토하며 UX적 관점에서 분야별로 분석해서 정리됩니다.
2016 UX Discovery 3호에서는 본격적인 AI시대의 진입을 맞아 선보이는 다양한 AI제품들과 서비스 그리고 빅데이터를 활용한 지진감지 경고앱과 같은 최신앱에서 가상현실, 웨어러블 등 뉴 UX 트랜드들도 한번에 살펴 보실 수 있습니다.
이중 1부에서는 새로운 앱(New App), 인공지능(Artificial Intelligence), 가상현실(Virtual Reality), 증강현실(Augmented Reality) 분야의 최신 트렌드를 담고 있으며
전체 리포트는 총 248페이지로, 나머지 내용 및 자세한 정보는 라이트브레인 웹사이트(www.rightbrain.co.kr)와 블로그에서 확인할 수 있습니다.
라이트브레인 UX1 컨설팅 그룹
[ 리서치 기간 2014년 8월 ~ 2015년 2월]
- 추천서비스
- 오프라인의 온라인화
- 일상 속 건강 가이드
- 비즈니스 솔루션
* 발간 후 시간이 경과된 이유로, 문서 내 참고영상링크가 일부 삭제되거나 변경되었을 수 있음을 양해 부탁드립니다.
* 2015년 두번째 UX 트렌드 리포는 11월 초 발간 예정입니다.
< 2016 3rd UX Trend Report Part1>
라이트브레인 UX 트렌드 리포트 UX Discovery는 해외 다양한 매체들을 통해 하루 평균 50여건의 트렌드를 탐색, 수집, 검토하며 UX적 관점에서 분야별로 분석해서 정리됩니다.
2016 UX Discovery 3호에서는 본격적인 AI시대의 진입을 맞아 선보이는 다양한 AI제품들과 서비스 그리고 빅데이터를 활용한 지진감지 경고앱과 같은 최신앱에서 가상현실, 웨어러블 등 뉴 UX 트랜드들도 한번에 살펴 보실 수 있습니다.
이중 1부에서는 새로운 앱(New App), 인공지능(Artificial Intelligence), 가상현실(Virtual Reality), 증강현실(Augmented Reality) 분야의 최신 트렌드를 담고 있으며
전체 리포트는 총 248페이지로, 나머지 내용 및 자세한 정보는 라이트브레인 웹사이트(www.rightbrain.co.kr)와 블로그에서 확인할 수 있습니다.
에이스 트레이더에서 제공하는 온라인 마케팅 동향 보고서가 업데이트되었습니다.
이번달 주제는 '숙박'입니다.
여행에서 숙소를 결정할 때 즉흥적으로 결정하기보다는 미리 알아보고 예약하는 경우가 많습니다. 업체들은 이용자들에게 선택되기 위해 서비스도 마케팅도 타겟팅에 맞춰 준비해야할 것 입니다.
라이트브레인 UX1 컨설팅 그룹
[ 리서치 기간 2014년 8월 ~ 2015년 2월]
- 가상현실
- 증강현실의 도약
- 3차원 공간
- 감성적인 연결
* 발간 후 시간이 경과된 이유로, 문서 내 참고영상링크가 일부 삭제되거나 변경되었을 수 있음을 양해 부탁드립니다.
* 2015년 두번째 UX 트렌드 리포는 11월 초 발간 예정입니다.
< 2016 3rd UX Trend Report Part3>
라이트브레인 UX 트렌드 리포트 UX Discovery는 해외 다양한 매체들을 통해 하루 평균 50여건의 트랜드를 탐색, 수집, 검토하며 UX적 관점에서 분야별로 분석해서 정리됩니다.
2016 UX Discovery 3호에서는 본격적인 A.I시대의 진입을 맞아 드론, 로봇, 자율주행차량 등의 다양한 AI제품들과 서비스 그리고 빅데이터를 활용한 지진감지 경고앱과 같은 최신앱에서 가상현실, 웨어러블 등 뉴 UX 트렌드들도 한번에 살펴 보실 수 있습니다.
이중 3부에서는 커넥티드 카(Connected Car), 무인자동차(Autonomous Car), 드론(Drone), 로봇(Robot) 분야의 최신 트렌드를 담고 있으며
전체 리포트는 총 248페이지로, 나머지 내용 및 자세한 정보는 라이트브레인 웹사이트(www.rightbrain.co.kr)에서 확인할 수 있습니다.
탑크리에듀(http://www.topcredu.co.kr),오라클자바커뮤니티(http://ojc.asia)에서 제공하는 초보자를 위한 닷넷, C# 기초강좌 입니다. 이번강좌에서는 쓰레드에 대해 간단히 살펴보고 C#에서 멀티 쓰레드로 프로그래밍 하는 방법을 실습하는 강좌입니다.
동영상으로 보시려면 페이스북(http://www.facebook.com/topcredu.co.kr) 또는 유튜브(https://www.youtube.com/playlist?list=PLy5poRzDk4ypnjylVgzAo8RVWgiBzvz73&disable_polymer=true)에서 확인 기능합니다.
Smart Market Strategy for Mobile Web DeveloperJonathan Jeon
"모바일 웹 개발자의 스마트 시장 진입 전략"이란 제목으로 2011년 10월26일에 충남대에서 열렸던 KWISA 회원사 워크샵에서 발표했던 자료입니다.
모바일 웹 개발자, 특히 학생들을 대상으로 한 자료들을 담아 보았습니다.
혹 살펴보시다, 코멘트하실 내용이 있으면 언제든 남겨주시기 바랍니다.
에이스 트레이더에서 제공하는 온라인 마케팅 동향 보고서가 업데이트되었습니다.
이번달 주제는 '숙박'입니다.
여행에서 숙소를 결정할 때 즉흥적으로 결정하기보다는 미리 알아보고 예약하는 경우가 많습니다. 업체들은 이용자들에게 선택되기 위해 서비스도 마케팅도 타겟팅에 맞춰 준비해야할 것 입니다.
라이트브레인 UX1 컨설팅 그룹
[ 리서치 기간 2014년 8월 ~ 2015년 2월]
- 가상현실
- 증강현실의 도약
- 3차원 공간
- 감성적인 연결
* 발간 후 시간이 경과된 이유로, 문서 내 참고영상링크가 일부 삭제되거나 변경되었을 수 있음을 양해 부탁드립니다.
* 2015년 두번째 UX 트렌드 리포는 11월 초 발간 예정입니다.
< 2016 3rd UX Trend Report Part3>
라이트브레인 UX 트렌드 리포트 UX Discovery는 해외 다양한 매체들을 통해 하루 평균 50여건의 트랜드를 탐색, 수집, 검토하며 UX적 관점에서 분야별로 분석해서 정리됩니다.
2016 UX Discovery 3호에서는 본격적인 A.I시대의 진입을 맞아 드론, 로봇, 자율주행차량 등의 다양한 AI제품들과 서비스 그리고 빅데이터를 활용한 지진감지 경고앱과 같은 최신앱에서 가상현실, 웨어러블 등 뉴 UX 트렌드들도 한번에 살펴 보실 수 있습니다.
이중 3부에서는 커넥티드 카(Connected Car), 무인자동차(Autonomous Car), 드론(Drone), 로봇(Robot) 분야의 최신 트렌드를 담고 있으며
전체 리포트는 총 248페이지로, 나머지 내용 및 자세한 정보는 라이트브레인 웹사이트(www.rightbrain.co.kr)에서 확인할 수 있습니다.
탑크리에듀(http://www.topcredu.co.kr),오라클자바커뮤니티(http://ojc.asia)에서 제공하는 초보자를 위한 닷넷, C# 기초강좌 입니다. 이번강좌에서는 쓰레드에 대해 간단히 살펴보고 C#에서 멀티 쓰레드로 프로그래밍 하는 방법을 실습하는 강좌입니다.
동영상으로 보시려면 페이스북(http://www.facebook.com/topcredu.co.kr) 또는 유튜브(https://www.youtube.com/playlist?list=PLy5poRzDk4ypnjylVgzAo8RVWgiBzvz73&disable_polymer=true)에서 확인 기능합니다.
Smart Market Strategy for Mobile Web DeveloperJonathan Jeon
"모바일 웹 개발자의 스마트 시장 진입 전략"이란 제목으로 2011년 10월26일에 충남대에서 열렸던 KWISA 회원사 워크샵에서 발표했던 자료입니다.
모바일 웹 개발자, 특히 학생들을 대상으로 한 자료들을 담아 보았습니다.
혹 살펴보시다, 코멘트하실 내용이 있으면 언제든 남겨주시기 바랍니다.
HCI 2014 학술대회에 패널로 열렸던 "사물들을 연결하는Invisible Web UI/UX" 세션에서 기조 발표를 했던 자료입니다. 이 발표에서 하고자 했던 질문은 하나였습니다.
IoT 시대의 웹 UI/UX는 어떻게 진화해야 할 것인가 ? 브라우저가 없는 Invisible Web UI/UX 환경은 올것인가 ?
모바일 환경이 다가와서 우리의 개발 환경도 우리가 생활 하는 일상을 변화 하고 있습니다.
앞으로 스마트 단말들이 성장하면서 웹앱의 진화도 빠르게 될 것으로 예측 됩니다.
2년내 Pad 기반의 컴퓨팅 환경이 우리의 대중을 사로 잡지 않을까 하는 예측을 해보며
앞으로 필요한 모바일 서비스의 중요한 부분은 Widget이 되지 않을까 합니다.
..
감사합니다.
Trends on Standardizations of HTML5 based Web Platform TechnologyJonathan Jeon
웹은 초기에 단순히 정적인 문서 형태 정보를 공유하는 기술에서, 서로 다른 서비
스를 연결하는 기술과 서로 다른 원격 데이터들을 연결하는 기술로 진화하였고,
이제는 단말의 HW을 제어하고 연결하는 단계를 넘어 모든 사물을 연결하는 기
술로도 발전하고 있다. 이제 웹은 단지 개별 콘텐츠와 서비스를 제공하는 기술로
서가 아니라, 다양한 응용과 서비스를 연동하고 제공하기 위한 명실상부한 플랫
폼이 되어가고 있다. 기술적으로도 과거 웹 기술이 단지 브라우저와 서버 기술에
만 초점을 맞추었다면, 최근에는 HTML5를 중심으로 리치 웹 애플리케이션 기
술, 시스템 API 기술, 서비스 플랫폼 기술, 웹 운영체제 기술들과 같은 플랫폼 지
향적인 기술개발 및 제품개발이 진행되고 있다. 본고에서는 이처럼 빠르게 발전
하고 있는 웹 플랫폼 기술과 웹 응용 기술 표준화 동향에 대해 살피고, 향후 웹 플
랫폼과 웹 응용 기술이 해결해야 할 이슈들과 나아갈 방향들에 대해 고찰해보고
자 하였다.
UI/UX Technology Trends on the Next Generation WebJonathan Jeon
본 고에서는 빠르게 변화되는 서비스 환경을 중심으로 보다 나은 웹 사용성을 제공하기 위해 개발 중에 있는 차세대 웹에서의 UI(User eXperience)/UX(User Interface) 관련 이슈 및 기술 표준 동향에 대해 살피고, 향후 웹 사용자 편의와 사용자 경험 개선 극대화를 위해 나아갈 방향들에 대해 고찰해보고자 하였다.
6월14일 COEX에서 열린 정보처리학회의 IT 21 Conference에서 발표한 내용입니다.
스마트 기기의 확산과 함께 웹 기술의 진화는 빠르게 이루어지고 있다. 오늘날 웹 기술은 HTML5와 단말 API 등을 통해 단말의 HW을 제어하고 비동기적으로 원격 데이터베이스를 연동하며 다양한 응용 로직을 처리할 뿐아니라 웹 운영체제(OS)로까지 진화하고 있다. 그러나 웹 기술을 활용한 응용과 서비스가 많아짐에 따라 시스템의 복잡도가 높아지고 새로운 사용자 인터페이스에 대한 요구들도 높아지고 있다. 더불어 PC뿐 아니라 모바일, TV 등 다양한 단말 환경에서 웹 응용이 활용됨에 따라 단말과 플랫폼에 상관없이 보편적 서비스 환경으로 웹 UI/UX에 대한 관심들이 높아지고 있다. 이에 본 발표에서는 이처럼 변화되는 서비스 환경을 중심으로 보다 나은 웹 사용성을 제공하기 위해 진행되고 있는 다양한 모바일/멀티디바이스 웹 UI/UX 관련 이슈 및 기술 표준 동향에 대해 살피고, 향후 웹 사용자 편의와 사용자 경험 개선 극대화를 위해 나아갈 방향들에 대해 고찰해보고자 한다
웹 UI/UX에 관심 있는 분들은 참고해보시길 바랍니다.
2005년 구글맵으로 부터 시작된 웹 기반 지도 API 서비스는 웹 2.0의 데이터 플랫폼 서비스의 주요 사례로 떠올랐다. 그 이후 야후!, 마이크로소프트 등에서 지도 플랫폼 서비스와 API 제공이 잇달았으며, 국내에서도 다음이 최초로 항공 사진(스카이뷰)과 거리 사진(로드뷰)을 제공하고 네이버도 참여함으로서 로컬 기반 서비스의 폭발적 성장의 견인차 역할을 하였다. 노키아의 Here 및 오픈스트릿맵 등 제 3의 사업자 및 협업 기반 플랫폼이 성장하였으며, Open Layer 라이브러리 및 Open GIS 등 다양한 공개 소프트웨어 들도 함께 성장하였다.
특히, 스마트폰의 보급과 아울러 모바일용 지도 SDK를 적극 보급 및 지원하는 추세로 기존의 Ajax 기반의 이미지 기반 웹 지도 표현 기술은 WebGL 혹은 Canvas를 통해 3차원 기술을 도입하면서 웹 호환성 및 성능을 동시에 높히고 있다. 구글 스케치업을 통해 시작된 공간 3차원 서비스는 약간 주춤하지만 45도 이미지너리 및 DEM 기반 데이터는 계속 추가되고 있다.
최근에는 구글맵 엔진 서비스와 같은 전문 사용자의 참여를 이끌어 내어 클라우드 소싱 형태의 지도 데이터 생성 커뮤니티를 통해 저개발 국가 및 북한과 같은 미공개 지도 데이터 생산을 만들고 있다.
2011년부터 구글 부터 지도 API 서비스 유료화를 단행하여 보안 강화 및 품질 및 성능 향상을 통해 제 3자 재판매를 통한 사업을 진행하고 있다. 또한, 최근 많은 기업들이 글로벌 홈페이지에 자사의 위치나 고객센터를 이용자들이 찾는데 활용하고 있으며, 이를 활용해 물류•관제•입지분석•위험관리•마케팅 등에 활용하고 있다.
현재 글로벌 지도 API 플랫폼은 단순히 베이스맵을 지원하는데 그치지 않고 공간 정보를 시각화 및 표현하는데 필요한 다양한 기능을 제공하면서, 정보 전달 역할을 강화하고 있다. 또한, Mapbox 등 지도 타일의 다양한 스타일과 테마 기능을 통해 좀 더 미려한 지도를 제공하기도 한다.
향후 글로벌 지도 API 플랫폼은 단보다 고도화된 시스템을 활용해 데이터 분석 및 2차원 시각화 그리고 3차원 공간 정보 활용으로 진화하고 있다.
IoT 및 인공지능을 활용한 헬스케어 제품․서비스 개발 동향 및 주요 과제Jonathan Jeon
12월4일에 대구 한국정보화진흥원 본관에서 진행되었던 대구 혁신도시 헬스케어 기업 세미나에서 발표했던 자료입니다.
의료 사물인터넷과 의료 인공지능 기술을 활용한 제품 및 서비스 개발시에 고려해야 할 사항들을 현재 동향 등과 함께 간략하게 정리해봤습니다.
관심 있는 분들께 도움이 되시길 바랍니다.
최근 애플 워치4 등으로 다시 주목 받고 있는 헬스케어 웨어러블 동향에 대해 간략하게 정리한 자료입니다. 스마트 헬스케어의 변화 속에서 웨어러블 기기들이 어떤 의미를 갖는지를 살펴보았고, OCF의 헬스케어 사물인터넷, 그리고 IEC TC124를 통해 진행되고 있는 신뢰성 평가 표준, 국내 KS 표준으로 만들어진 웨어러블 인체안전성 평가 표준 등이 헬스케어 웨어러블 동향 속에서 어떻게 연관되고 어떤 가능성들을 갖는지도 살펴보았습니다. 그리고 웨어러블 분야에서 메디컬 헬스케어 시장에 어떻게 접근해야 할지, 앞으로 국내/국제 표준화가 어떻게 연계되어야 할지 등과 같은 고민도 함께 제시해봤습니다.
2018년 4월4일에 식품의약품안전처 주관으로 개최되었던 2018년도 의료제품 분야 국가표준 전문가 워크샵에서 발표했던 자료입니다. 의료 제품 분야에 ICT 기술이 결합되어야 하는 시대에, 어떤 표준화 이슈가 있고, 현재 국제표준화 기구에서의 대응이 어떻게 진행되고 있는지, 그리고 한국의 역할은 어떤지를 정리하였습니다. 나아가 4차산업혁명 시대에 의료기기 제품 개발을 위해 표준과 규제가 어떻게 함께 조화롭게 대응이 필요한지까지 언급 해보았습니다.
혹시 수정보완 등이 필요한 부분이 있으면 언제든 코멘트 남겨주시기 바랍니다.
AI and IoT : How do IoT and AI change the world?Jonathan Jeon
This is an Introduction presentation for college students. This presentation introduces the Intelligent Internet of things that are combined with artificial intelligence technology. And It shows the technical possibilities of Intelligent IoT through various advanced AI technology like as deep learning applications. Finally, I'd like to show what changes will come from the artificial intelligence and the Internet of things. and I hope to discuss also what we have to prepare for what kinds of relationship between human and machine in the era of superintelligence.
CES 2016에서 보고 느낀 것들을 정리한 출장 보고회 자료입니다. 전체 주제들을 A-Z까지의 26가지 키워드로 정리를 하였고, 이를 다시 대분류 기술동향인 Car, Fitness/Healthcare/Wearabel, Home/IoT, Startup과 중국, 그리고 기타 그룹으로 정리를 해보았습니다. 관심 있는 분들에게 도움이 되시길 바래봅니다.
HyWAI is an HTML5 based Hybrid Web Application platform that allows you to author native applications with web technologies and get access to APIs and app stores.
HyWAI leverages web technologies developers already know best... HTML and JavaScript.
HyWAI is Hybrid Web Application Platform created by ETRI. Latest version of HyWAI 3.5 can support Bluetooth API for Hybrid Application. HyWAI's Bluetooth APIs is very similar with W3C's Web Bluetooth API.
If you have any comment or suggestions, please let me know freely.
WoT.js - WoT App. Framework for Open Source HardwareJonathan Jeon
Talk on WebAppsCamp. WoT.js is one of application framework based on node.js with open source hardware. It's a short introduction about WoT.js framework.
IoT and WoT (Internet of Things and Web of Things)Jonathan Jeon
Talk on 1st WebAppsCamp. It's a short review between IoT and WoT. In this slide, I'd like to talk about why we need to think about Web of Thing in IoT era.
It's a full day tutorial slides for KAIST students to understand the Web Technology. This full-day tutorial will show you what you need to know the web technologies when you have some plan to design future new services.
It presented on MOBAS 2014 Workshop - "Meet Mobile and IoT work together". I was focused on what we have make the preparation for future mobile and future web in the age of IoT.
11. Growth of Web Sites
Total Sites Across All Domains
August 1995 - November 2011
525,998,433 sites
11 http://news.netcraft.com/archives/2011/11/07/november-2011-web-server-survey.html#more-5091
12. 20 Presents the WWW has given us
q Vast amounts of digital
information
q Organized access.
q Communication.
q Multimedia sharing
q Entertainment.
q E-commerce.
q Real-time news.
12
15. World Wide Web (1991 ~ 2005)
Before W3C Wirelss Internet WS, SW
UWS
MWI
Mobile
RFID
WAP 1.0 WAP 1.1 WAP 1.2 WAP 2.0
2005
URI XML-RPC
RDF
OWL
HTTP 1.0 HTTP 1.1
(IETF RFC1945) (RFC2616)
XML SOAP 1.2
Semantic Web
Concept
15
16. History of WWW-KR Workshop
WWW-Forum은 1994년 7월초에 만들어진 WWW 관련 메일링 리스트입니
다. 현재 가입 인원은 약 250여명으로 지난 10여개월 동안 국내 WWW의
발전 및 보급에 많은 노력을 기울인 메일링 리스트입니다. WWW-Forum
에서 주로 다루는 내용은 Web server의 설치, Client의 설치 및 사용, 각종
Web site 의 소개등 WWW에 관련된 전반적인 것을 다루고 있습니다. (제1
회 워크샵 안내문)
등록비 : 학생 : 5,000원 , 일반 : 10,000 원
16
20. Evolution of World Wide Web
q 1단계 (1989~1999) : 웹사이트의 시대, HTML과 WAP
§ HTML, URL, HTTP 라는 세 가지 기술에 기초한 웹 기술이 제안되고, 보다
나은 인간 중심의 정보처리 및 지식공유 등을 목표로 하는 단계
q 2단계 (2000~2004) : XML과 웹서비스, 시맨틱 웹
§ XML(eXtensible Markup Language)에 기반하며 인간 중심의 정보 처리뿐 아
니라 다양한 디바이스와 서비스, 멀티미디어를 연결하는 것을 목표로 하는
단계
q 3단계 (2005~2009) : 웹 2.0, 웹 플랫폼 시대의 성장
§ 구글, 아마존, 위키피디아 등의 성공과 함께 웹 산업을 제2의 전성기로 이
끌며 다양한 신규 서비스가 등장할 수 있는 기반을 마련
q 4단계 (2010~현재) : 웹 앱의 시대, 모바일과 N-Screen 시대
§ 스마트 폰 및 태블릿 등 다양한 모바일 기기들을 대상으로 HTML5와 Web
API를 통해 한 단계 진화된 웹 응용 환경을 제공하며, 위치정보 및 소셜 정
보 등을 결합하는 통합 응용 플랫폼으로서 웹이 자리잡아 가는 단계
20
23. Changes (무선네트워크 진화)
아날로그망 GSM/CDMA망 WCDMA망 OFMDA망 ??
아날로그폰 디지털폰 피처폰/스마트폰 고성능 스마트폰 가상 스마트 기기
아날로그 디지털 IP 기반 All IP 기반 All IP 기반
음성통화 음성통화 데이터서비스 시작 데이터서비스 확산 초고속 데이터
서비스
음성 통신 서비스의 시대 데이터 통신 서비스의 시대
23
24. Emerging N-Screen environment
q N스크린은 하나의 콘텐츠를 스마트폰, PC, TV 등 여러 단말기를
통해 이용할 수 있도록 하는 서비스
q N스크린은 연결성(connectivity), 이동성(portability), 통합성(integration)이라는 세
가지 특성을 갖는 미디어 이용과 콘텐츠 소비 환경
q N스크린에서 ‘N’은 어떤 수도 들어갈 수 있는 불특정 자연수
(Natural Number)를 가리키며 ‘스크린’은 이를 네트워크로 연결되
는 여러 대의 단말기 장치를 의미
24
33. Open Internet, Open Web
Jonathan Zittrain Source: http://bit.ly/4OgbGV
인터넷은 수백만의 사심 없는 친절, 호기심과 신뢰로 구성
http://www.isoc.org/graphics/photos/newsweek.jpg
33
34. TED: 임의적 친절 행위로서의 웹
인터넷의 기반은 개방, 참여, 신뢰, 협력
34
35. Evolution of Web Ecosystem
q Web of Documents
q Web of Services
q Web of Devices
q Web of Data
q Web of Things
q Web of Human
35
36. Evolution of Web Platform
Open
API
Search Image
Mail Office
Sharing
Video Shopping
Book
Sharing Commerce
Map News Payment Cloud
Ads SNS
36
39. API Billionaires Club, 2011 edition
13 billion API calls / day (May 2011)
10 billion API calls / month (January 2011)
Over 260 billion objects stored in S3 (January 2011)
1.6 billion API-delivered stories / month (October 2010)
5 billion API calls / day (April 2010)
5 billion API calls / day (October 2009)
8 billion API calls / month (Q3 2009)
3 billion API calls / month (March 2009)
39
40. Putting everything together
q Your Mashup = API calls + Data Manipulation + UI
User
User Request Data presentation
Mashup website Data Manipulation
API Call Data
API Call Data
Website 1 Website 2
40
42. Web Platform Layer
User Interaction JavaScript + Web APIs
Presentation HTML 5 & CSS 3
Transport HTTP
Web Resource URIs
Resources (Service, Content, Site)
42
43. 4. 모바일 응용 기술: 앱과 웹의 경쟁
Native Application m.xxx.com
App Vs. Web
44. Web의 역사는 도전의 역사
1990년대: Web vs. C/S 2010년대: Web vs. App
44
45. 과거로 돌아가보자 !!
q1996년
§ 대부분 Web 기반의 Application으로 변할 것이다.
q2006년
§ Web 기반이 아닌 로컬 전용 기업용 Application을 만들자 !!
45
50. App vs. Web
Native App HTML5 Web Application
특정 모바일 단말 및 플랫폼에 맞게 개발되며, 다운로드 브라우저를 통해 접속하며,
및 설치가 되어야 함 설치와 업데이트 불필요
각 플랫폼에 포팅해야 함(iPhone, BlackBerry, Android, Pal
Portability 표준 웹만 개발하면 어디서나 볼 수 있음
m and the list goes on…)
외부 링크를 통한 브라우저 호출은 가능하지만, 내부 링크
Hyper Links 어떤 부분이건 링크로 연결 가능
는 불가능하고, 앱 간 호출은 보안 제약이 있음
검색 사이트, 이메일 홍보, 트위터 링크 등으로
Discoverability 앱스토어 홍보와 마케팅을 위한 비용이 필요
홍보 가능
Distribution & Market Siz 플랫폼과 단말의 종류에 한계가 있으며, 상위 부분에 있는
누구든 접속 가능
e 것과 하위 내용과 차별화 됨
Usage of Device Capabiliti 단말의 모든 기능 제어 가능(GPS, camera, voice, RFID, a 현재는 불가능 (HTML와 Device API 표준화를
es ddress book, calendar, etc.) 통해 2011년부터 가능할 것으로 전망)
앱이 다운로드 되고 나면, 지원에 어려움이 있음. 버그가
Supportability & Upgrade
있는 부분에 대해서는 다시 등록하고 모두에게 재다운로 사이트를 수정하면 언제든 바로 업데이트
ability
드 받으라고 해야 함
앱스토어 개발자 등록 비용이 필요 (Apple charges develo
Entry Costs 없음
pers $99 and enterprises $299, RIM charges $200 )
앱스토어를 통해 판매시 수익 공유 (Apple takes 30%, RI
Revenue Share 모두 내꺼
M takes 20%)
User Experience 풍부한 사용자 인터페이스 제공이 가능 HTML/CSS/JavaScript 등의 기능에 의해 한정됨
네트웍을 거치며, 서버에서 제공되고, 브라우저
Performance 바이너리 코드로 실행되므로 속도가 빠름
를 통해 처리되기에 성능 변동폭이 큼
HTML5의 App Cache 기능을 이용해 구현해야
Offline Browsing 로컬 저장소를 이용해 가능
지만 가능
50
51. Why Mobile Web [1] – Accessibility
q 다양한 모바일 단말에서 사용할 수 있는가 ?
51
53. Why Mobile Web [3] – Easy develop
q 만약 @@@ 앱을 만든다면 ?
§ 아이폰용으로 개발 (Object-C)
§ 안드로이드용으로 개발 (Java)
§ 윈도우 모바일용으로 개발 (C#)
§ 삼성 바다용으로 개발 (C)
§ 블랙베리용으로 개발 (Java)
§ 팜용으로 개발 (HTML, CSS, JavaScript)
§ ….
53
54. Why Mobile Web [4] – no installation
q No installation & Always update
54
61. HTML5 ?
q HTML5로 통칭되는 요소는 HTML5 뿐 아니라 CSS3, 웹 어플리케
이션을 위한 JavaScript API 확장을 포함한 것
통칭되는 “HTML5”
HTML5 CSS3 JavaScript
콘텐츠 내용과 형식을 표현 콘텐츠 표현 방법을 정의 각종 API를 통해
기능을 표현
§ Web Storage
§ 문서구조의 상세화
§ 표현 기능 모듈화 § Web Worker
§ 멀티미디어
§ 웹 폰트 § Web Socket
§ 폼과 이벤트 등
§ Geolocation API
서로 다른 다양한 브라우저 상에서
문서 구조의 의미를 명확히 하여 풍부한 기능과 자원을 제어할 수
일관된 표현 기능 제공, 효과적이고 편
디자인과 프로그램의 독립성을 확보 있는 로컬 어플리케이션
리한 표현 방식의 변경
61
67. HTML5 규격 표준화 경과
q HTML5는 2007년 웹 어플리케이션 활성화와 함께 본격화
2010 2011
Canavs Web Workers AppCache
W3C Web form Geolocation FileAPI
WebGL
Audio/Video WebFont
Web
App.
DOM1 DOM2 DOM3 DOM4
표준들
CSS1 CSS2 CSS3
HTTP Javascript AJAX XHR2
67
68. HTML과 Web API 기술 표준화 현황 총괄
q HTML5와 Web API 기술은 최근 표준화가 활발하게 진행 중
68
69. HTML5 표준화 세부 현황 (W3C HTML WG)
q HTML5 표준화는 2014년 최종 표준 제정을 목표로 작업 중
§ HTML WG에서는 2012년도 중반(늦어도 후반)까지는 후보 표준안
(Candidate Recommendation) 단계를 목표
Specification FPWD WD LCWD CR PR REC
1 HTML5 2007 2010 2011.05 2012 Q2 2014 Q1 2014 Q2
2 HTML+RDFa 1.1 2009 2010 2011.05 2012 Q2 2014 Q1 2014 Q2
3 HTML Microdata 2009 2010 2011.05 2012 Q2 2014 Q1 2014 Q2
4 HTML Canvas 2D Context 2008 2010 2011.05 2012 Q2 2014 Q1 2014 Q2
Polyglot Markup: HTML-Compatible
5 2010 2010 2011.05 2012 Q2 2014 Q1 2014 Q2
XHTML Documents
HTML5: Techniques for providing
6 2010 2010 2011.05 2012 Q2 2014 Q1 2014 Q2
useful text alternatives
HTML to Platform Accessibility APIs
7 2011 2012.03 2012 Q1 2012 Q2 2014 Q1 2014 Q2
Implementation Guide
8 HTML5 differences from HTML4 2008 2011.05 2012 Q1 2012 Q2 2014 Q1 2014 Q2
9 HTML5: Edition for Web Authors 2011 2011.08 2012 Q1 2012 Q2 2014 Q1 2014 Q2
10 HTML: The Markup Language 2010 2011.03 2012 Q1 2012 Q2 2014 Q1 2014 Q2
FPWD:First Public Working Draft LCWD: Last Call Working Draft PR: Proposed Recommendation
WD: Working Draft CR : Candidate Recommendation REC: Recommendation
69
70. W3C Web Application API 표준화 세부 현황
q 최근에는 다양한 Web Application API 표준화가 활발히 시작 중
Name of Specification Last Publication ED FPWD WD LCWD CR PR REC
Clipboard APIs and Events 2012-02-23
Cross-Origin Resource Sharing (CORS) 2010-07-27
DOM Level 3 Events 2011-05-31
DOM4 2012-01-05
Element Traversal 2008-12-22
File API 2011-10-20
File API: Directories and System 2011-04-19
File API: Writer 2011-04-19
From-Origin Header 2011-07-21
HTML5 Web Messaging 2012-03-03
Indexed Database API 2011-12-06
Java bindings for Web IDL 2012-02-07
Progress Events 2011-09-22
Selectors API 2009-12-22
Selectors API Level 2 2010-01-19
Server-Sent Events 2011-10-20
Shadow DOM
Uniform Messaging Policy (UMP) 2010-01-26
Web IDL 2012-02-07
Web Sockets API 2011-12-08
Web Storage 2011-12-08
Web Workers 2012-03-13
XBL2 Primer 2007-07-18
XBL2 Spec 2007-03-16
XmlHttpRequest (Level 2) 2012-01-17
FPWD:First Public Working Draft LCWD: Last Call Working Draft PR: Proposed Recommendation
WD: Working Draft CR : Candidate Recommendation REC: Recommendation
70
84. 모바일 HTML5의 가능성
1. 새로운 웹 환경 : 새로운 모바일 웹, 유무선 통합
2. Multi-Screen, Multi-Device, Multi-Platform의 해결사
3. HTML5 Apps : HTML5 앱의 성장
4. 애플/구글 지배로부터의 탈출구
5. UI/UX 부분의 보완
6. Rich Web : 보다 다양한 기능 제공, 주요 웹서비스 활용
7. 광고 : 마이크로사이트, 상호작용형 HTML5 광고 시장
8. 위치기반서비스 : 위치 기반 서비스
9. 성능 향상 : 빠르고 뛰어난 웹 서비스 제공
10. UI 개선 : 보다 편리한 UI 제공
11. Hybrid App : 앱과 통합되는 환경
12. 기타 새로운 기회들
84
85. N-Screen의 종결자, HTML5과 차세대 웹
문제 해결책
다중 플랫폼을 지원하는 응용 개발 Web Application
단말간 데이터 이동 및 심리스 서비스 지원 Cloud & Web Application
다중 단말의 식별과 지원 HTTP UAProf, CSS MQ
다양한 화면 사이즈를 지원하는 응용 개발 SVG, CSS, HTML5
그래픽 처리, 3D 콘텐츠 표현 HTML5 canvas, CSS, WebGL, X3D
Video 및 Audio 콘텐츠 처리 HTML5 video/Audio
Interactive한 처리 JavaScript, CSS, HTML5 webforms
멀티 터치 등의 지원 HTML5 & Web event
오프라인 기능의 지원 HTML5 (localstorage)
디바이스 제어 Device APIs
콘텐츠 표준 호환성 검사 HTML/CSS Validation, mobileOK
비동기적 처리, 쓰레드 관리, 전송 속도 개선 XHR, WebWorker, WebSocket
보다 고속처리 가능하며 판매용 앱이 필요하다면 ? Hybrid Web App
융합 서비스 지원 RESTful Web Services, LOD
85
86. 2012년은 HTML5 활성화의 원년!!
Mobile
Web
다양화 Golden
Age
Smart devices 표준화 완료
전국 서비스
HTML5
Apps
LTE
2010 2011 2012 2013
hollobit@etri.re.kr
86
87. 2012, 모바일 웹과 HTML5 전망
1. Mobile First
2. Responsive Web & Responsive Ads
3. Social + Local + Cloud + Mobile + Web
4. Web UI Framework
5. Cross Platform & Hybrid Web Application
6. JavaScript Library & Web Application API Standards
7. HTML5 Game & Mobile HTML5 Game
8. Web Store & Native Web App
9. HTML5 ebook & HTML5 services
10.Web Operating System & RESTful WoT(Web of Things)
87
95. HTML5 어떻게 공부하나요 ?
qHTML5 스펙 너무 어려워요! 게다가 모두 영어!
§ 한글 HTML5 번역본 è http://j.mp/html5ko (clearboth.org)
q그래도 내용이 너무 많아요
§ 웹 개발자를 위한 최소 스펙 è http://j.mp/html5devel
q디자이너/기획자도 알아야 하나요 ?
§ 많은 문서/책자들 è HTML5: Edition for Web Authors, …
q알기쉬운 튜토리얼 및 프리젠테이션은 없나요 ?
§ Google의 선물 è http://www.html5rocks.com
q그 외에 꼭 추천해주실만한 것은 ?
§ 실전 HTML5 가이드 (한글 PDF) è http://j.mp/html5guide_ko
§ 기타 한글로 된 많은 HTML5, CSS3, JavaScript 관련 서적들
95 참고: http://xguru.net/635
96. JavaScript 전성 시대
q JavaScript Libraries è http://bit.ly/tVFW6Y
§ Application Frameworks, Server Side Library, Testing Frameworks
§ Game Engines, Animation Library, Image manipulation
• Akihabara, IMPACT, enchant.js, Unity3D
q Server-side JavaScript
§ Node.js : Evented Server-Side Javascript è http://nodejs.org
• Google Chrome의 Javascript Engine V8을 단독으로 사용
• 모든 Network I/O는 NonBlocking, File I/O는 Asynchronous
• Thread 방식에 비해 뛰어난 성능
• HTTPd, FTPd, IMAP, WebDAV 등 다양한 서버모듈
q Javascript로 컴파일 되는 언어들 è http://j.mp/hp2pnR
§ CoffeeScript & Kaffeine : Javascript를 더 간결하게
§ J2js è Java ByteCode to JS, Script# è C# to JS
96
100. 학생들을 위한 조언
q 학습 : 기본에 충실하고 공부하라
§ 웹 표준의 숙지와 연습 : HTML5, CSS, Javascript
§ CSS 표준 기반의 웹 (응용) 디자인
§ Mobile UI Framework 및 자바 스크립트 스킬 향상
q 도전과 노력 : 직접 개발해보고 시도하라
§ Hybrid Web App 고려
§ Mobile Cloud 고려
§ 크로스플랫폼 및 멀티 스크린 지원 방법
q 함께 활동하라
§ 오픈 소스 커뮤니티 활동
§ HTML5 응용 모범 사례들의 도출과 공유
§ 국내외 시장분석과 글로벌 도전
q 지금 당장 시작하라~
100
101. Thank you
For more discussion :
JongHong Jeon (hollobit@etri.re.kr)
+82-42-860-5333
Blog : http://mobile2.tistory.com/m
http://twitter.com/hollobit
OR
101