2015년 HTML5 기반 모바일 웹 어플리케이션 기술 개발 동향 정리 및 2016년 기술 변화 예측합니다. Ionic/Angularjs 기반 상용 앱 개발 사례도 상세하게 소개 합니다. 본 자료를 통해서 HTML5 기반 모바일 어플리케이션을 개발시 활용가능한 Framework 및 최적화 분야에 대해서 이해할수 있습니다.
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
<p>
사례로 본 모바일 웹/앱 기획, 제작 과정 및 포인트2부</p>
<p>
[데브멘토 동영상] 모바일 웹/앱 서비스 스타트업</p>
<p>
강미나 메타브레인 대표</p>
<p>
아이폰 앱<my>가 힛트칠 수 있었던 이유</p>
<p>
`스마트폰 빅뱅에 따른 모바일 서비스 기획 및 운영 전략`</p>
2015년 HTML5 기반 모바일 웹 어플리케이션 기술 개발 동향 정리 및 2016년 기술 변화 예측합니다. Ionic/Angularjs 기반 상용 앱 개발 사례도 상세하게 소개 합니다. 본 자료를 통해서 HTML5 기반 모바일 어플리케이션을 개발시 활용가능한 Framework 및 최적화 분야에 대해서 이해할수 있습니다.
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
<p>
사례로 본 모바일 웹/앱 기획, 제작 과정 및 포인트2부</p>
<p>
[데브멘토 동영상] 모바일 웹/앱 서비스 스타트업</p>
<p>
강미나 메타브레인 대표</p>
<p>
아이폰 앱<my>가 힛트칠 수 있었던 이유</p>
<p>
`스마트폰 빅뱅에 따른 모바일 서비스 기획 및 운영 전략`</p>
[ITOnAir] 데브멘토 동영상, 정선경 아주대교육연구소 연구위원_성공하는 모바일 서비스를 위한 실전 강연
모바일 웹/앱 UI/UX 설계 실전모바일 UI/UX 설계 방법 및 노하우 공유본 영상은 데브멘토 ITOnAir (tv.devmento.co.kr) 또는 다음tv팟(tvpot.daum.net/pot/Itonair)을 통해 웹과 모바일로 시청하실 수 있습니다.
[ITOnAir] 데브멘토 동영상, 정선경 아주대교육연구소 연구위원 2/2부_성공하는 모바일 서비스를 위한 실전 강연
UX 패턴의 구성요소와 영역모바일 App의 Task & FlowUI Design 구성 요소UI & UX Map본 영상은 데브멘토 ITOnAir (tv.devmento.co.kr) 또는 다음tv팟(tvpot.daum.net/pot/Itonair)을 통해 웹과 모바일로 시청하실 수 있습니다.
[ITOnAir] 데브멘토 동영상, 정선경 아주대교육연구소 연구위원 1/2부_성공하는 모바일 서비스를 위한 실전 강연
UX Pattern Design의 정의Persona?UX 패턴의 구성요소와 영역본 영상은 데브멘토 ITOnAir (tv.devmento.co.kr) 또는 다음tv팟(tvpot.daum.net/pot/Itonair)을 통해 웹과 모바일로 시청하실 수 있습니다.
[ITOnAir] 데브멘토 동영상, 김정미 네무스텍 수석_성공하는 모바일 서비스를 위한 실전 강연
본 영상은 김정미 네무스텍 수석의 실제 개발자와 UI 디자이너와의 커뮤니케이션 방법을 사례를 통해 분석해보는 강연입니다.실제 개발자와 디자이너 간 협업이 어떤 방법으로 이뤄져야 효율적인지를 살펴보는 중요한 자료가 될 것입니다.본 영상은 데브멘토 ITOnAir (tv.devmento.co.kr) 또는 다음tv팟(tvpot.daum.net/pot/Itonair)을 통해 웹과 모바일로 시청하실 수 있습니다.
[ITOnAir] 데브멘토 동영상, 배형미 스마트비즈랩 대표_성공하는 모바일 서비스를 위한 실전 강연
협업과 UI/UX, 스토리와 UX발전이 없으면 비전도 없다인생은 누가 더 대단한 이야기를 갖고 있는가의 싸움협업(Collaboration)과 협력(Cooperation)의 차이본 영상은 데브멘토 ITOnAir (tv.devmento.co.kr) 또는 다음tv팟(tvpot.daum.net/pot/Itonair)을 통해 웹과 모바일로 시청하실 수 있습니다.
[ITOnAir] 데브멘토 동영상, 배성환 LG전자 과장 2/2부_성공하는 모바일 서비스를 위한 실전 강연
고객이 더 스마트해진 이유그리고 우리가 스마트한 고객을 이해하기 위해 시장을 어떻게 바라봐야 하는가?또 어떤 전략을 통해 대응할 수 있을까?본 영상은 데브멘토 ITOnAir (tv.devmento.co.kr) 또는 다음tv팟(tvpot.daum.net/pot/Itonair)을 통해 웹과 모바일로 시청하실 수 있습니다.
[ITOnAir]데브멘토 동영상, 장동수 KTH 웹플랫폼Lab 차장(2/2부)_Dev & Tech Festival
<!--StartFragment-->하이브리드앱의 개요모바일 플랫폼 춘추전국시대앱스프레소 소개, WAC 2.0 Waikiki API앱스프레소 Extension API, Device API 및 데모영상 <?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />본 영상은 데브멘토 ITOnAir (tv.devmento.co.kr) 또는 다음tv팟(tvpot.daum.net/pot/Itonair)을 통해 웹과 모바일로 시청하실 수 있습니다.
[ITOnAir]데브멘토 동영상, 장동수 KTH 웹플랫폼Lab 차장(1/2부)_Dev & Tech Festival
<!--StartFragment-->하이브리드앱의 개요모바일 플랫폼 춘추전국시대앱스프레소 소개, WAC 2.0 Waikiki API앱스프레소 Extension API, Device API 및 데모영상 <?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />본 영상은 데브멘토 ITOnAir (tv.devmento.co.kr) 또는 다음tv팟(tvpot.daum.net/pot/Itonair)을 통해 웹과 모바일로 시청하실 수 있습니다.
[ITOnAir]데브멘토 동영상, 옥상훈 okgosu.net 운영자(2/2부)_Dev & Tech Festival
<!--StartFragment-->원소스 멀티 플랫폼 개발 개요플렉스 4.5와 플래시 빌더의 특징플렉스에서의 모바일 사용자 경험(UX)플렉스를 이용한 안드로이드 앱 개발 <?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />본 영상은 데브멘토 ITOnAir (tv.devmento.co.kr) 또는 다음tv팟(tvpot.daum.net/pot/Itonair)을 통해 웹과 모바일로 시청하실 수 있습니다.
[ITOnAir]데브멘토 동영상, 옥상훈 okgosu.net 운영자(1/2부)_Dev & Tech Festival
<!--StartFragment-->원소스 멀티 플랫폼 개발 개요플렉스 4.5와 플래시 빌더의 특징플렉스에서의 모바일 사용자 경험(UX)플렉스를 이용한 안드로이드 앱 개발 <?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />본 영상은 데브멘토 ITOnAir (tv.devmento.co.kr) 또는 다음tv팟(tvpot.daum.net/pot/Itonair)을 통해 웹과 모바일로 시청하실 수 있습니다.
[ITOnAir]데브멘토 동영상, 장선진 소프트웨어인라이프 대표 (2/2부)_Dev & Tech Festival
<!--StartFragment-->소셜네트워크게임 시장 현황구글 앱 엔진으로 무엇을 개발할 수 있는가유지보수 비용, 확장성, 관리성 등 구글 앱 엔진의 장단점구글 앱 엔진을 활용한 SNG 개발하기 <?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />본 영상은 데브멘토 ITOnAir (tv.devmento.co.kr) 또는 다음tv팟(tvpot.daum.net/pot/Itonair)을 통해 웹과 모바일로 시청하실 수 있습니다.
[ITOnAir]데브멘토 동영상, 장선진 소프트웨어인라이프 대표 (1/2부)_Dev & Tech Festival
<!--StartFragment-->소셜네트워크게임 시장 현황구글 앱 엔진으로 무엇을 개발할 수 있는가유지보수 비용, 확장성, 관리성 등 구글 앱 엔진의 장단점구글 앱 엔진을 활용한 SNG 개발하기 <?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />본 영상은 데브멘토 ITOnAir (tv.devmento.co.kr) 또는 다음tv팟(tvpot.daum.net/pot/Itonair)을 통해 웹과 모바일로 시청하실 수 있습니다.
[IT OnAir] 데브멘토 동영상, 최정우 지폰 대표_제12회 오픈업 검색의 미래(Beyond the Search)
지난
12월
3일 벤처스퀘어
주최로
열린
12회 오픈업
검색의
미래 세미나
발표 영상<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />
지폰은
소셜 탐색 엔진으로써
친구들이
추천한
사진,
비디오와
웹피이지를
발견하고
공유할
수 있는 서비스(소셜네트워크+콘텐츠
탐색)
SNS를 이용한
인기 정보 수집,
정확한
정보와
이슈 발견
[IT OnAir] 데브멘토 동영상, 이호성 엔써즈 개발팀장_제12회 오픈업 검색의 미래(Beyond the Search)
지난
12월
3일 벤처스퀘어
주최로
열린
12회 오픈업
검색의
미래 세미나
발표 영상<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />
엔써즈가
자체 개발한
멀티미디어
핑거 프린트
기술
검색
대상으로써의
동영상의
특징
텍스트-텍스트
검색,
비디오-비디오
검색 플랫폼-V
동영상
검색의
새로운
패러다임,
이미지-비디오
검색
Image2Play
[데브멘토tv] 데브멘토 동영상, 김정태 플라스크 대표 2/2부_모바일 비즈니스 수익모델을 찾아라
`카카오톡`에서 `오빠믿지`까지 비즈니스
모델 총망라<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />
‘모바일 비즈니스
수익모델을 찾아라’, 이번에는 카카오톡에서 오빠 믿지까지 모바일 비즈니스 모델을 다 묶었다. 실제 각 분야의 대표적인 업체들이 직접 나와 자신의 시장과 전망, 그리고
자신만의 비법을 들려준다. 우리보다 한발 앞서있는 미국과 일본 사례도 눈여겨 볼만하다.
[데브멘토tv] 데브멘토 동영상, 김정태 플라스크 대표 1/2부_모바일 비즈니스 수익모델을 찾아라
`카카오톡`에서 `오빠믿지`까지 비즈니스
모델 총망라<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />
‘모바일 비즈니스
수익모델을 찾아라’, 이번에는 카카오톡에서 오빠 믿지까지 모바일 비즈니스 모델을 다 묶었다. 실제 각 분야의 대표적인 업체들이 직접 나와 자신의 시장과 전망, 그리고
자신만의 비법을 들려준다. 우리보다 한발 앞서있는 미국과 일본 사례도 눈여겨 볼만하다.
[IT OnAir] 데브멘토 동영상, 이태호 위스캔 대표_제12회 오픈업 검색의 미래(Beyond the Search)
지난
12월
3일 벤처스퀘어
주최로
열린
12회 오픈업
검색의
미래 세미나
발표 영상<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />
모바일
검색 창의 변화
: 음성인식,
사물인식,
코드인식,
음악인식,
문자인식
애플이
꿈꾸는
검색의
미래는
인식 기술을
통한 서비스,
정보의
연계
검색과
인식 서비스의
발전 방향
위스캔의
인식기술과
소셜 웹
[IT OnAir] 데브멘토 동영상, 임진석 레스티 공동대표_제12회 오픈업 검색의 미래(Beyond the Search)
지난 12월 3일 벤처스퀘어 주최로 열린 12회 오픈업 검색의 미래 세미나 발표 영상<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />
버티컬 메티정보 검색의 특징과 트렌드
왜 펜션 검색인가?
레스티는 무엇에 쓰는 물건?
버티컬 검색의 기술적 특징
어행 버티컬 검색 트렌드(사례)
[IT OnAir] 데브멘토 동영상, 박외진 아크릴 대표_제12회 오픈업 검색의 미래(Beyond the Search)
지난
12월
3일 벤처스퀘어
주최로
열린
12회 오픈업
검색의
미래 세미나
발표 영상<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />
감성
마을(?)의 마법이
바로 감성 컴퓨팅이다
감성
컴퓨팅이
풀려는
문제는
소통과
이해
감성
컴퓨팅의
핵심 분야가
감성 인식
아크릴의
감성 컴퓨팅
사업 그리고
감성 검색
1. HTML5 의 현재와 미래 UI Development 남동훈 UPDATE : 2010. 05. 03
2.
3. 1. HTML5? HTML5 는 HTML 의 차기 주요 제안 버전으로 월드 와이드 웹의 핵심 마크업 언어이다 . 2004 년 6 월 Web Hypertext Application Technology Working Group(WHATWG) 에 서 웹 어플리케이션 1.0 이라는 이름으로 세부 명세 작업을 시작하였다 . 2009 년 10 월 WHATWG 의 현재 최종 제안 상태이다 . http://ko.wikipedia.org/wiki/HTML5#.EC.9D.BC.EC.A0.95_.EB.B0.8F_.EC.97.AD.EC.82.AC
5. 1. HTML5? -MS, HTML5 지원 브라우저 내놓는다 http://www.zdnet.co.kr/ArticleView.asp?artice_id=20100305113305 -IE 팀에서 Video Codec 지원 결정 http://blogs.msdn.com/ie/archive/2010/04/29/html5-video.aspx
6. 1. HTML5? - 플래시 없이 동영상 재생…유튜브 HTML5 지원 http://www.ddaily.co.kr/news/news_view.php?uid=60097 -Google Gears 개발 중단 , HTML5 로 방향 전환 http://kr.engadget.com/2009/12/08/google-gears-html5/
7. 1. HTML5? Apple 의 CEO 스티브잡스가 플래시를 받아들이지 않는 6 가지 이유를 얘기했다 . http://fishpoint.tistory.com/104
11. 1. HTML5? – 웹 표준화 단계 2004 년 - WHATWG 의 초안으로부터 시작하여 2007 년 부터 W3C HTML W/G 에서 표준안이 만들어 지고 있음 2010 년 - W3C Working Draft 단계 . Drag & Drop, Audio 및 Video 표시 , Vector 그래픽 표시를 위한 요소 등이 새로 도입 A Brief History of HTML: http://www.atendesigngroup.com/blog/brief-history-of-html
13. 3. HTML5 Classify - HTML5 는 크게 3 가지로 분류 할 수 있다 . - Semantic - Multimedia * 비디오 및 오디오를 재생 하기 위한 video 및 audio 요소 도입 . - API * Canvas 요소를 사용하여 2D 그래픽 API 를 제공 * SVG 요소를 사용하여 vector 그래픽 API 를 제공 * 오프라인 웹 어플리케이션을 가능 하는 API 제공 . * 드래그 앤 드랍을 가능하게 하는 API 제공 . * 특정 도메인의 데이터를 저장할 수 있는 Local Storage * 멀티 Thread 처리가 가능한 Web Worker * 브라우져 자체에서 DB 지원을 위한 Web SQL Database 를 지원
16. 5. HTML5 and RIA 리치 인터넷 어플리케이션 (Rich Internet Application; RIA) 은 전통적인 데스크톱 애플리케이션의 기능과 특징을 구현한 웹 애플리케이션이다 . 주로 복잡한 조작을 할 수 없었던 웹 브라우저 기반의 애플리케이션을 대체하기 위한 솔루션으로 사용되고 있다 . http://enc.daum.net/dic100/contents.do?query1=20X1141591