HTML5 기업 적용시 고려사항

1. HTML5 기업 적용시 고려사항
W3C HTML5 컨퍼런스
2014. 11. 04
미래웹기술연구소 조만영 대표

2. 기업내 전산 시스템의 변화
1990년대
Client / Server
2010년대
Web App
2000년대
Web Based

3. 과거 웹기반 환경
Intranet, Web based ERP
쉬운 접근과 배포의 용이
웹기술의 한계
ActiveX 의 광범위한 도입
플러그인 기술 접목

4. 문제들
MS Windows 종속 문제
IE 특정 버전 별 종속 문제
웹브라우저 호환성 떨어짐
모바일 대응 불가

5. 현재의 사용자 환경
스마트폰, 태블릿 PC
BYOD
웹에서 플러그인 기술 사용 배제
HTML5

6. 대안은 HTML5 웹 플랫폼
크로스 플랫폼 크로스 디바이스
PC, 모바일 대응
특정 OS 종속 되지 않음
Rich UI 구현 가능

7. 웹애플리케이션 패러다임 변화
Page 7

8. HTML5 HOW?
HTML5 말은 많음
뭘 어떻게?
우리 전산실에는 웹개발자가 없어요
HTML,CSS,JS 코딩 공부 시작?
어느 세월에?

9. 우리가 만들것은 홈페이지가 아님
Web Application
Grid, Chart
Component based UI
Data connection
MVC
No plugin based

10. HTML5 대혼돈
프레임워크에서 길을 잃다
jQuery
AngularJS
NodeJS
ExpressJS
Titanium
BackboneJS
Prototype
Knockout
Dojo
ZeptoJS
YUI
Bootstrap
SocketIO
threeJS
And so on

11. 어차피 헤맬바엔 Ext JS 로 시작
Made by Sencha Inc.
Since 2007
Web Application Framework
Full Web Standard
http://www.sencha.com/products/extjs

12. ExtJS Framework

13. Angular JS 와의 비교
Page 13

14. jQuery+jQuery UI+Plugins 비교
Page 14

15. 이런 화면들을 만들수 있음

17. 이런 화면들을 만들수 있음

19. 모바일 대응도 가능
Sencha Touch

20. 컴포넌트 기반의 높은 개발 생산성
UI 기획 -> 디자인 -> 코딩 -> 웹프로그래밍
UI 기획 -> UI 개발 > 웹프로그래밍

21. 개발 저작 도구의 유무
생산성을 고민하자!

22. 비쥬얼 저작도구
Sencha Architect

23. 기업에서 HTML5 기술 고려사항
생산성
유지보수 가능성
러닝커브
ExtJS = HTML+CSS+JS
기술지원

24. 감사합니다
미래웹기술연구소
센차 공인 교육
외주개발/컨설팅/기술지원
http://miraeweb.com/sencha
sales@miraeweb.com