2012년 1월13일 알펜시아 리조트에서 열렸던 HCI2012 행사의 일환이었던 "모바일 웹 UI/UX 현재와 미래" 패널 토의에서 제가 기조 발제로 발표했던 자료입니다.
W3C에서 표준화 진행중인 HTML5와 Web API를 중심으로 새로운 UI/UX의 가능성들과 모바일 UI/UX에 대한 가능성들을 살펴보았습니다.
6월14일 COEX에서 열린 정보처리학회의 IT 21 Conference에서 발표한 내용입니다.
스마트 기기의 확산과 함께 웹 기술의 진화는 빠르게 이루어지고 있다. 오늘날 웹 기술은 HTML5와 단말 API 등을 통해 단말의 HW을 제어하고 비동기적으로 원격 데이터베이스를 연동하며 다양한 응용 로직을 처리할 뿐아니라 웹 운영체제(OS)로까지 진화하고 있다. 그러나 웹 기술을 활용한 응용과 서비스가 많아짐에 따라 시스템의 복잡도가 높아지고 새로운 사용자 인터페이스에 대한 요구들도 높아지고 있다. 더불어 PC뿐 아니라 모바일, TV 등 다양한 단말 환경에서 웹 응용이 활용됨에 따라 단말과 플랫폼에 상관없이 보편적 서비스 환경으로 웹 UI/UX에 대한 관심들이 높아지고 있다. 이에 본 발표에서는 이처럼 변화되는 서비스 환경을 중심으로 보다 나은 웹 사용성을 제공하기 위해 진행되고 있는 다양한 모바일/멀티디바이스 웹 UI/UX 관련 이슈 및 기술 표준 동향에 대해 살피고, 향후 웹 사용자 편의와 사용자 경험 개선 극대화를 위해 나아갈 방향들에 대해 고찰해보고자 한다
웹 UI/UX에 관심 있는 분들은 참고해보시길 바랍니다.
The comprehensive guide for optimizing the performance of mobile HTML5 Web ap...Sang Seok Lim
The deck includes a set of techniques and knowledge that can be used when you try to optimize the performance HTML5 app, mobile Web site, JavaScript application running on top of a browser or WebView
6월14일 COEX에서 열린 정보처리학회의 IT 21 Conference에서 발표한 내용입니다.
스마트 기기의 확산과 함께 웹 기술의 진화는 빠르게 이루어지고 있다. 오늘날 웹 기술은 HTML5와 단말 API 등을 통해 단말의 HW을 제어하고 비동기적으로 원격 데이터베이스를 연동하며 다양한 응용 로직을 처리할 뿐아니라 웹 운영체제(OS)로까지 진화하고 있다. 그러나 웹 기술을 활용한 응용과 서비스가 많아짐에 따라 시스템의 복잡도가 높아지고 새로운 사용자 인터페이스에 대한 요구들도 높아지고 있다. 더불어 PC뿐 아니라 모바일, TV 등 다양한 단말 환경에서 웹 응용이 활용됨에 따라 단말과 플랫폼에 상관없이 보편적 서비스 환경으로 웹 UI/UX에 대한 관심들이 높아지고 있다. 이에 본 발표에서는 이처럼 변화되는 서비스 환경을 중심으로 보다 나은 웹 사용성을 제공하기 위해 진행되고 있는 다양한 모바일/멀티디바이스 웹 UI/UX 관련 이슈 및 기술 표준 동향에 대해 살피고, 향후 웹 사용자 편의와 사용자 경험 개선 극대화를 위해 나아갈 방향들에 대해 고찰해보고자 한다
웹 UI/UX에 관심 있는 분들은 참고해보시길 바랍니다.
The comprehensive guide for optimizing the performance of mobile HTML5 Web ap...Sang Seok Lim
The deck includes a set of techniques and knowledge that can be used when you try to optimize the performance HTML5 app, mobile Web site, JavaScript application running on top of a browser or WebView
2015년 HTML5 기반 모바일 웹 어플리케이션 기술 개발 동향 정리 및 2016년 기술 변화 예측합니다. Ionic/Angularjs 기반 상용 앱 개발 사례도 상세하게 소개 합니다. 본 자료를 통해서 HTML5 기반 모바일 어플리케이션을 개발시 활용가능한 Framework 및 최적화 분야에 대해서 이해할수 있습니다.
모바일 환경이 다가와서 우리의 개발 환경도 우리가 생활 하는 일상을 변화 하고 있습니다.
앞으로 스마트 단말들이 성장하면서 웹앱의 진화도 빠르게 될 것으로 예측 됩니다.
2년내 Pad 기반의 컴퓨팅 환경이 우리의 대중을 사로 잡지 않을까 하는 예측을 해보며
앞으로 필요한 모바일 서비스의 중요한 부분은 Widget이 되지 않을까 합니다.
..
감사합니다.
2015년 HTML5 기반 모바일 웹 어플리케이션 기술 개발 동향 정리 및 2016년 기술 변화 예측합니다. Ionic/Angularjs 기반 상용 앱 개발 사례도 상세하게 소개 합니다. 본 자료를 통해서 HTML5 기반 모바일 어플리케이션을 개발시 활용가능한 Framework 및 최적화 분야에 대해서 이해할수 있습니다.
모바일 환경이 다가와서 우리의 개발 환경도 우리가 생활 하는 일상을 변화 하고 있습니다.
앞으로 스마트 단말들이 성장하면서 웹앱의 진화도 빠르게 될 것으로 예측 됩니다.
2년내 Pad 기반의 컴퓨팅 환경이 우리의 대중을 사로 잡지 않을까 하는 예측을 해보며
앞으로 필요한 모바일 서비스의 중요한 부분은 Widget이 되지 않을까 합니다.
..
감사합니다.
2022년 11월 18일 코엑스에서 개최한 공공솔루션마켓에서 발표한 강연 자료입니다.
디지털 전환이 가속화됨에 따라 더욱 중요해진 디지털 경험 모니터링과 장애 및 병목 등 성능을 개선한 실 사례를 공유드립니다.
생생한 강연 영상으로 확인해 보세요!
https://youtu.be/_Cdms2TxO3M
Smart Market Strategy for Mobile Web DeveloperJonathan Jeon
"모바일 웹 개발자의 스마트 시장 진입 전략"이란 제목으로 2011년 10월26일에 충남대에서 열렸던 KWISA 회원사 워크샵에서 발표했던 자료입니다.
모바일 웹 개발자, 특히 학생들을 대상으로 한 자료들을 담아 보았습니다.
혹 살펴보시다, 코멘트하실 내용이 있으면 언제든 남겨주시기 바랍니다.
W3C HTML5 Conference 2016 12월 7일에 발표한 WebRTC의 표준 과 기술 및 비즈니스 현황 및 미래에 대해 발표한 자료.
RemoteMonster 대표 최진호가 발표.
ORTC와의 관계
투자 현황
표준 발전 방향
기술 요소 소개
https://remotemonster.com
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.
1. 차세대 모바일 웹 UI/UX
기술 및 표준화 동향
Jonghong Jeon
ETRI, SRC
Email: hollobit@etri.re.kr
Blog: http://mobile2.tistory.com
http://twitter.com/hollobit
http://www.etri.re.kr
16. 기타 – The Web platform
Standards for Web Applications on Mobile: November 2011
current state and roadmap
http://www.w3.org/2011/11/mobile-web-app-state
16
17. Web App Framework 전성 시대
Mobile Web Application Framework
Sencha Touch, jQuery Mobile, WebApp.net, DTHMLX
touch, jQTouch, iWebKit, Jo HTML5 Mobile App
framework, iUI, Sproutcore, Zepto.js, AML, WebView,
Adobe Air
Hybrid Web application Framework
Titanium Appcelerator, Phonegap, App inventor,
Droidraw, Rhomobile, Appspresso, HyWAI Lite
17
18. JavaScript 전성 시대
JavaScript Libraries http://bit.ly/tVFW6Y
Application Frameworks, Server Side Library, Testing Frameworks
Game Engines, Animation Library, Image manipulation
• Akihabara, IMPACT, enchant.js, Unity3D
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 등 다양한 서버모듈
Javascript로 컴파일 되는 언어들 http://j.mp/hp2pnR
CoffeeScript & Kaffeine : Javascript를 더 간결하게
J2js Java ByteCode to JS, Script# C# to JS
18
20. Web UI의 변화, 현재와 미래
1995 2000 2005 2010
PC
Gopher Mosaic Mobile
IE
Keyboard Mouse Mouse Touch
1차원 2차원
Event Sensing
Link Link
Sensors: Voice, Video, Sensing devices
카메라, 마이크, 터치, 가속, 자이로, 온도계, 위치, 제스처 …
M2M & Web of Things
증강 브라우징, 위치기반 브라우징 …
20
23. 지금 우리가 알고 있는
모바일 웹이 전부일까 ?
더 편한 미래 웹 UI/UX를 위해
필요한 것은 ?
24. 참고할만한 자료들
2011 in review: 20 HTML5 sites that changed the game
http://bit.ly/siSW2O
HTML5 - http://dev.w3.org/html5/spec/Overview.html
HTML5: Edition for Web Authors
http://dev.w3.org/html5/spec-author-view/
HTML5 differences from HTML4 - http://www.w3.org/TR/html5-diff/
실전 HTML5 가이드 - http://webstandards.or.kr/html5
놀랄만큼 유용하고 재미있는 HTML5 모바일 앱 30개 - http://is.gd/e87hy
기타 참조 사이트
http://kr.html5doctor.com
http://html5demos.com
http://html5rocks.com
http://www.html5video.org/
http://www.chromeexperiments.com/
http://html5test.com
24
25. 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
25