개발자와 Internet Explorer 8 - 개발자가 IE8 과함께일하는방법 김대우 / 차세대웹플랫폼팀 http://www.uxkorea.net 2
IE8 이열어가는웹과성능 IE8 과웹표준 웹표준기반사이트구축방안 웹접근성제공사이트구축방안 기존웹사이트호환성제공방안 IE8 확장기능 사용성증가에대한요구 확장기능과우리의과제 IE8 과보안 3
5 / Top 10 웹사이트 12 / Top 25 웹사이트 성능지표? 테스트절차? 및환경? IE6 / IE7 과 IE8 의성능? 4
비교 25 IE8 의스크립트처리성능 20 22.3 초 15 16.4 초 10 5 처리시간 ( 초 ) 0 6 3.2 초 Sun Spider JavaScript BenchMark 에의한측정검사환경 :CPU-Pentium 4 Processor 2.8Ghz, Memory- 2GB, 수차례의유효성검증검사에의한평균값 5
웹표준 = 상호운용성 웹표준기반사이트구축방안 웹접근성제공사이트구축방안 기존웹사이트호환성제공방안 6
7
IE8 과웹표준검증 ELECOM KOREA ( 주 ) 개발팀과장익스프레션웹사용자카페운영자김영일 8
김영일 국내기업웹표준기반서비스개발및 WiBro, 모바일, 닌텐도 Wii 서비스개발및기획 익스프레션웹 2 집필 ( 대림출판사 /2009 년 3 월출간 ) 익스프레션웹사용자카페운영 URL: http://cafe.naver.com/expressionweb 현재유니버셜디자인기반의 IT Supplies 제품개발 9
http://cafe.naver.com/expressionweb 대림출판사 2009 년 3 월출간예정 11
12
웹표준 = 상호운용성 웹표준기반사이트구축방안 웹접근성제공사이트구축방안 기존웹사이트호환성구현방안 13
14 웹표준을준수하는사이트 IE6 & IE7 호환사이트 - DTD 부재 - DTD 존재 - DTD 혼재 META 태그이용방안 Ajax 호환성가이드
웹표준개발자가 IE8 에서작업할때 필요한고려사항 NHN 오픈 UI 기술팀정찬명 15
Ajax 개발자가 IE8 에대해알아야할모든것 엔씨소프트오픈마루스튜디오 - 강규영 16
17
18 IE8 확장기능
19 사용성증가에대한요구
20
알툴바 1.4 (IE8 지원 ) 남세일알툴즈사업본부이스트소프트 21
22
23
24 Smileware Anyware
25
26 ActiveX Control
대용량의데이터의처리하드웨어리소스에대한직접적인접근 OS 로부터리소스할당이필요 보안상의이슈로인해독자적인방식의알고리즘으로암호화및데이터압축 27
28 체험의확장 을제공하는실세계 ActiveX 대용량메일첨부다량의동시사진업로드 Silverlight, Flash, JRE 등 UX 런타임가독성, 가용성높은 LOB 어플리케이션 SIEBEL, CRM
29 구조의확장 을제공하는실세계 ActiveX 바이러스치료응용프로그램 2006 년금용감독원인터넷금융사고예방의무화에의한필수설치모듈공인인증체제를위한코드 ( 암호화모듈, 인증서관리모듈, 인증서제출모듈등 ) 키보드보안방화벽행정처리요건을위한코드 ( 프린터접속제한등 )
그렇다면? Active Y Control? 보안 vs. 편의성? 보안 & 편의성! 30
과도기의웹에서 기본확장기능활용 RIA 기술을적극활용 체험의확장 기술을권장올바른 ActiveX 활용법 31
IE8 에서올바른브라우져확장기능및 ActiveX 활용법 닷넷엑스퍼트 책임컨설턴트정성태 32
33
34 바로연결 - Accelerator 웹조각 Web Slice 비주얼검색 Visual Search
35
36 <?xml version="1.0" encoding="utf-8"?> <openservicedescription xmlns="http://www.microsoft.com/schemas/openservicedescription/1.0"> <homepageurl>http://auctionc.co.kr</homepageurl> <display> <name> 옥션바로연결검색 </name> <icon>http://auction.co.kr/favicon.ico</icon> </display> <activity category= Shopping"> <activityaction context="selection"> <execute method="get action="http://auction.co.kr/accelerator.aspx?where1={selection}" /> <preview method="get" action="http://auction.co.kr/accelerator.aspx"> <parameter name="b" value="{selection}" /> <parameter name="clean" value="true" /> <parameter name="w" value="320" /> <parameter name="h" value="240" /> <parameter name="format" value="full" /> </preview> </activityaction> </activity> </openservicedescription>
37
WebSlice 를구현하기위해서는 WebSlice 의 HTML 속성을 Web 페이지에적용 WebSlice 는 hatom 마이크로포맷과 WebSlice 포맷의조합을사용하여구현 <html> <body>... <div class= hslice id= 1 > </div>... <p class= entry-title >Paran 우리동네날씨 </p> <div class= entry-content > <img src= 우리동네날씨.jpg > <p> 날씨정보 HTML</p> <p> 날씨좋아요 ~ <span class="ttl">15</span> minutes </p> </div> </body> </html> 아이콘표시영역 업데이트데이터동기영역 38
39
40 다양한검색제공자로부터빠른검색을수행시각적인검색제공 UI 모듈개발필요없음검색결과만 XML 또는 JSON 방식으로제공
41
42 XSS( 교차사이트스크립팅 ) 공격 Crash 복구 InPrivate 브라우징 SmartScreen 필터도메인하이라이팅 Per-user / Per-site ActiveX DEP/NX 메모리보호 Killbits( 취약컨트롤끄기옵션 )
43
IE8이열어가는웹과성능 IE8과웹표준 IE8과확장기능 IE8과보안 44
Q & A 준서아빠블로그 http://www.uxkorea.net 45
2008 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.