슬라이드 1
|
|
|
- 서호 도
- 4 years ago
- Views:
Transcription
1 전자정부사업관리직무역량교육 웹호환성및웹접근성의이해 류영일수석
2 개념정리
3 개념정리 3 웹표준 웹접근성 < 상황 1> 제안회의 류과장 : 김대리 ~ 이번프로젝트웹접근성프로젝트니까핵심잘맞춰서제안서쓰세요김대리 : 네그럼 3종브라우저맞추고, Active-X는사용하지않도록하겠습니다.
4 개념정리 4 목적 웹접근성 웹호환성 수단 웹표준 WWW 관련표준스펙 CSS, DOM, HTML, XTHML, XML, JavaScript (ECMA Script)
5 개념정리 5
6 개념정리 6 현재 웹표준 이라고하는의미가협의적으로는 웹화면 에서보여지기위한표준스펙을중심으로일컬어지고있으나광의적으로는웹기술에해당하는모든표준을말함 6
7 개념정리 7 7
8 개념정리 8 S T A N D A R D S
9 개념정리 9
10 개념정리 10 A 웹접근성의범주 B 넓은의미의웹접근성 다양한사용자환경 비장애인 장애인 웹브라우저운영체제 보조기기보조기술 정보기술 단말기기 다양한기술환경 좁은의미의웹접근성
11 개념정리 11 웹호환성 웹접근성 웹표준
12 전자정부서비스호환성준수지침
13 웹표준및호환성관련제고활동추진경과 13 기존웹사이트개선, 관련지침마련및보급, 전문인력양성등
14 지침주요내용 14 항목요약
15 지침주요내용 15 항목요약
16 국내웹브라우저점유현황 16
17 웹표준및호환성진단 진단환경 20.89% 29.54% 렌더링엔진 트라이던트 (Trident) 웹킷 (Webkit) 게코 (Gecko) 프레스토 (Presto) 0.20% 브라우저 Internet Explorer Chrome Safari Firefox Opera 13.91% 렌더링엔진 : 브라우저가웹사이트를표시하는방식 14.84% 17.61% 브라우저 IE Chrome Firefox Safari 기타 비율 (%) OS Windows 7 브라우저 Internet Explorer 11 Chrome Firefox Safari Opera 17 17
18 웹표준및호환성진단 진단대상으로선정된웹페이지에대해표준준수여부및호환성확보여부를병행진단하고진단결과를종합 / 검증후기관별보고서작성 유형별 10 개페이지선정 자동진단 (HTML/CSS) 자동진단결과검증 플러그인호환성수동진단 레이아웃호환성수동진단 동작호환성수동진단 진단오류시 feedback 18
19 웹표준및호환성진단 진단대상홈페이지의메인페이지, 공지사항, 민원등대민접촉이많은 웹페이지를중심으로 10 개페이지를임의로선정 선정기준웹페이지유형진단개수 메인페이지 - 진단대상홈페이지의메인페이지 1 개 목록페이지 서브페이지 부가기능제공페이지 합계 - DB 의목록및내용을조회하는페이지 ( 공지사항목록및내용, 게시판목록및내용, 자료실등 ) 첨부파일이있을경우다운로드가능여부까지확인 - 메인페이지의 1~2 단계하위페이지 ( 기관소개 / 안내페이지, 정보 / 서비스제공페이지, 기타콘텐트제공페이지등 ) - 멀티미디어 ( 동영상등 ) 제공페이지 - 기타플러그인동작페이지 3개 4개 2개 10개 재진단의경우신규페이지로임의선정될수있음 19
20 웹표준및호환성진단 20 진단지표 구분진단지표배점진단방법 1. 웹표준문법준수 1-1. 표준 (X)HTML 문법준수여부 표준 CSS 문법준수여부 20 자동진단도구 (W3C Markup Validator) 자동진단도구 (W3C CSS Validator) 2. 웹호환성확보 2-1. 동작호환성확보여부 레이아웃호환성확보여부 플러그인호환성확보여부 10 크로스브라우징테스트등 -IE 11 (Windows 7) - Chrome, Firefox, Safari, Opera IE 11 을제외한나머지브라우저는진단시점에서의최신버전적용
21 웹표준및호환성진단 진단지표 진단지표 1-1. 표준 (X)HTML 문법준수여부 진단기준 W3C Markup Validator 에서출력된오류를 < 심각 >, < 위험 >, < 보통 > 으로나누어오류발생시마다오류유형별로차등을두어감점 심각 : 1 개이상의오류발생시해당지표전체점수를 0 점처리 위험 : 1 개발생시마다 3 점감점 보통 : 1 개발생시마다 1 점감점 경고 : 감점없음 오류분류기준 - 심각 : 문서해석 (parsing) 에대한정보가없거나문서전체를해석하는데심각한오류가발생할수있는경우 - 위험 : 문서의일부요소와속성을해석하는데오류가발생할수있는경우 - 보통 : 문법적으로는오류이지만브라우저의오류방지기능으로보완될수있는경우 21 21
22 웹표준및호환성진단 진단지표 진단지표 1-2. 표준 CSS 문법준수여부 진단기준 W3C CSS Validator 에서출력된오류를 < 심각 >, < 위험 >, < 보통 > 으로나누어오류발생시마다오류유형별로차등을두어감점 심각 : 1 개이상의오류발생시해당지표전체점수를 0 점처리 위험 : 1 개발생시마다 3 점감점 보통 : 1 개발생시마다 1 점감점 경고 : 감점없음 오류분류기준 - 심각 : 문서전체를해석하는데심각한오류가발생할수있는경우 - 위험 : 유효하지않은속성이나속성값을사용해서선언이누락될수있는경우 - 보통 : 특정미디어나특정환경에서만발생하는오류인경우 22 22
23 웹표준및호환성진단 진단지표 진단지표 2-1. 동작호환성확보여부 2-2. 레이아웃호환성확보여부 2-3. 플러그인호환성확보여부 진단기준 브라우저부가기능을이용해서해당페이지내에사용된 Javascript 오류및 DOM 경고발생시감점 3 종이상의브라우저에서 Javascript 가의도한기능이정상적으로동작되는지점검하여비정상적동작에대해감점 스크립트오류, DOM 경고 : 1 개발생시마다 4 점감점 비정상동작 : 전체점수를 0 점처리 3 종이상의브라우저에서동등한레이아웃으로구현되었는지여부확인 동등한수준의레이아웃이구현되지않은경우전체점수를 0 점처리단, 웹브라우저별특성에의한차이 ( 폰트, 픽셀등 ) 는예외처리 사용자화면에영향을미치거나로그인및동작에관련된다음과같은플러그인에한하여 3 종이상의브라우저에서정상적으로동작되는지조사 - 보안, 구간암호화, 공인인증 - 영상, 멀티미디어 ( 플래시, 실버라이트, 그래프, 리포트등 ) - 파일송수신 3 종브라우저에서정상동작하지않을경우전체점수를 0 점처리단, 브라우저별대체수단을제공할경우에는예외처리 23 23
24 웹표준및호환성진단 진단지표 진단지표 2-1. 동작호환성확보여부 2-2. 레이아웃호환성확보여부 세부진단기준 최초페이지로딩시, 오류가발생하지않아도탭을이동하거나링크또는기능등을클릭하여작동시킬때생기는오류및 DOM 경고발생시감점 오류 텍스트등정보에대한가독성을저해할수있는글자겹침의경우 한줄콘텐츠가두줄콘텐츠로나타나서문단형식이상이한경우 콘텐츠의특정부분이가려지거나나타나지않은경우 내용이틀을넘는수준으로레이아웃이틀어지거나벗어나는경우 기타상식을넘는수준의레이아웃이동등하지않는경우 예외 픽셀단위로동일하지않더라도웹브라우저별특성에의해폰트, 픽셀등의차이가발생하는경우 2-3. 플러그인호환성확보여부 오류 특정브라우저에서설치된기능이타브라우저에서설치되지않거나는경우 예외 브라우저별대체수단을제공하는경우 동작하지 24 24
25 25 웹표준및호환성진단 웹호환성준수방법 진단도구는한국정보화진흥원 ( 사이트에서다운로드
26 26 웹표준및호환성진단 웹호환성준수방법
27 27 웹호환성수준진단 주요오류유형 웹호환성준수방법 [ 예시 ] 메뉴, 퀵바등에서자바스크립트오류발생
28 28 웹호환성수준진단 주요오류유형 웹호환성준수방법 - [ReferenceError( 스크립트오류 ) 예시 ] 정의되지않은변수를사용한경우발생하는오류 - [ 기능동작오류예시 ] IE 전용속성인 zoom 속성을사용하여확대, 축소기능미동작
29 29 웹호환성수준진단 주요오류유형 웹호환성준수방법 - 퀵메뉴가본문내용과겹침 ( 가독성확인 )
30 30 웹호환성수준진단 주요오류유형 웹호환성준수방법 - 플래시콘텐츠와레이어팝업의겹침
31 31 웹호환성수준진단 주요오류유형 웹호환성준수방법 - 배너의이미지가보이지않음
![요소사용오류예시 ] audio 파일을](/docs-images/102/155130411/images/32-3.jpg "video 요소로제공하여 IE")
32 32 웹호환성수준진단 주요오류유형 웹호환성준수방법 - [ 요소사용오류예시 ] audio 파일을 video 요소로제공하여 IE 외의브라우저에서플러그인요청
33 33 이슈및문제점 웹호환성준수방법
34 34 이슈및문제점 웹호환성준수방법 구분 합계 웹표준 ( 40 점 ) 웹호환성 ( 30 점 ) 모바일웹호환성 ( 30 점 ) (X)HTML ( 20 점 ) CSS (20 점 ) 동작 ( 10 점 ) 레이아웃 ( 10 점 ) 플러그인 ( 10 점 ) 안드로이드 ( 15 점 ) I-OS ( 15 점 ) 행정자치부
35 ActiveX 대체기술
36 36 ActiveX 사용현황 전자정부시스템의비표준기술사용현황 플러그인없음 13.2% 분류실태조사비중 * 전체기타 13.7% ActiveX 등비표준기술사용 9,875 개 73.1% 73.1% 플러그인없음 1,788 개 13.2% 전체기타 ** 1,854 개 13.7% ActiveX 등비표준기술사용 합계 13, % ( 출처 : 행정 공공부문의웹사이트이용환경개선을위한 ActiveX 등비표준체계사용실태조사, , 행정자치부, 한국정보화진흥원 )
37 ActiveX 대체방안 공인인증서기능구현을위한플러그인사용 전자서명, 로그인, PKI 기반의통신구간암호화, 전자결제등을위해서는공인인증서사용필수 대체방안 : (1) 웹표준기반기술, (2) 실행파일설치 (3) 법 / 제도개정 - 공인인증서의무사용폐지 2. PC 시스템자원접근을위한플러그인사용 키보드보안, 개인방화벽 / 백신, 장치관리등과같이클라이언트 PC의시스템자원에접근하는기능은별도의응용프로그램필요 대체방안 : 별도의실행파일방식 3. 풍부하고다양한 UI 기능구현을위한플러그인사용 그리드, 리포팅도구, 그래픽확장, 멀티미디어재생등의 UI 기능구현은 ActiveX, Flash 등을통해구현 대체방안 : HTML5, Java script 등웹표준기술로구현가능
38 ActiveX 대체방안 대체기술 구분 Active-X명 용도 비고 종류 적용 공인인증서 NPAPI 방식, 별도실행파일, 공인인증서를이용한전자서명전자서명자바애플릿 X 법제도개정필요 본인인증로그인 본인확인을이용한로그인보안 X 공인인증서없이모바일단말, ARS 등을활용한복합인증방식 데이터암호화 ( 웹구간 ) 데이터암호화 ( 통신암복호화 ) SSL 방식 피싱방지등을위한 EV-SSL 적용추천 보안 / 데이터암호화결제 / ( 내부자료 ) 데이터암호화 ( 내부자료암복호화 ) X 인증 전자결제 전자지불및결제 금액방식, 간편결제 결제수단중신용카드등에적용 키보드보안 키보드해킹방지 별도실행파일, 가상키보드, OTP방식 X 개인방화벽 개인방화벽 별도실행파일 X 위변조방지 웹 DRM, 화면캡쳐방지, 프린터제어 별도실행파일 X 개인정보보호 문자열필터링, DB 서버시스템의플러그인은 Active- 별도실행파일 - DB 암호화 X와관련없음 파일 다중파일처리 다중파일업로드, 다운로드 플래쉬, 처리 파일다운로드 콘텐츠파일다운로드 HTML5 장치장치관리, 원격제어, 자동설치, 플래시, 자바애플릿, 장치제어및관리제어업그레이드, 바로가기등 NPAPI, 별도실행파일 멀티미디어재생 동영상, 음악등실행 차트, 그래프실행 차트, 그래프등실행 HTML5, 오픈소스자바스크립트 그리드컴포넌트엑셀과유사한테이블뷰실행라이브러리 (IE), 브라우저내장 UI확장리포팅툴 / PDF 뷰어 (FF,CR) 리포팅툴중뷰어대체기술적용가능, 지원 문서뷰어프린트출력시는기존플러그인방식 웹에디터 HTML5, 오픈소스 웹지도 HTML5, 자바스크립트기반 API 38
39 ActiveX 대체방안 39
40 ActiveX 대체방안 40
41 ActiveX 대체방안 41
42 ActiveX 대체방안 42
43 웹접근성준수지침
44 웹접근성이란?
45 웹접근성 45
46 46 웹접근성 누구나! 생활속에서의일시적인장애 고령화로인한점진적인장애 < 감각의대체를통한정보인식 >
47 장애인차별금지법이란?
48 48 장애인차별금지법 Point 1. 전자정보 vs 웹사이트정보 Point Point 지침을준수해도 5% 는차별 가장중요한판단은고의적 악의적여부
49 49 장애인차별금지법 Point 1. 전자정보 vs 웹사이트제공정보 법제21조전자정보및비전자정보에대하여장애인이장애인아닌사람과동등하게접근 시행령제14조누구든지신체적, 기술적여건과관계없이웹사이트를이용할수있도록접근성보장
50 50 장애인차별금지법 Point 1. 전자정보 1 장애인차별금지법제 3 조제 8 호 가. " 전자정보 " 라함은 국가정보화기본법 제 3 조제 1 호에따른정보를말한다. 2 국가정보화기본법제 3 조제 1 호 1. " 정보 " 란특정목적을위하여광 ( 光 ) 또는전자적방식으로처리되어부호, 문자, 음성, 음향및영상등으로표현된모든종류의자료또는지식을말한다.
51 51 장애인차별금지법 Point 1. 전자정보에대한전체적인접근성필요 제정당시명시되지않은영역에대한지속적인법제정 모든영역에대한접근성의무화 결국시행령제 14 조에서명시한 접근성이보장되는웹사이트 라는표현에도불구하고모바일웹, 모바일앱 등전자정보에대한접근성준수가법도입의취지에부합 시행령개정예상
52 52 참고 해외장애인차별금지법 국명시기법률명 1990 년 미국장애인법 (ADA: Americans with Disabilities Act) 미국 1998년 재활법 508조 (Section 508 of Rehabilitation Act) 21세기통신및비디오접근성법 2010년 (The 21st Century Communication & Video Accessibility Act of 2010) 호주 1992 년 장애인차별금지법 (DDA: Disability Discrimination Act) 영국 1995 년 장애인차별금지법 (DDA: Disability Discrimination Act) 독일 2002 년 ~2005 년 장애인평등법 (DDA: Disability Discrimination Act) * 홍콩 (1995 년 ), 스웨덴 (1999 년 ), 노르웨이 (2001 년 ) 등도장애인차별금지법제정
53 53 장애인차별금지법 Point 2. 지침을준수해도 5% 는차별 < 지침은준수했으나설계자체가차별된경우 > < 지침은준수했으나실제로이용이불가한경우 >
54 54 장애인차별금지법 Point 2. 지침을준수해도 5% 는차별 쇼핑몰
55 55 장애인차별금지법 Point 3. 가장중요한판단은고의적 악의적여부 < 권리구제절차 >
56 56 장애인차별금지법 Point 3. 가장중요한판단은고의적 악의적여부 장애인차별금지법에서는과도한부담, 현저히곤란한사정이있는경우는차별로인정하지않음 개선계획이나개선노력에대한정상참작이가능함 ( 인권위원회결정례참조 ) 제4조 ( 차별행위 ) 1이법에서금지하는차별이라함은다음각호의어느하나에해당하는경우를말한다. ( 중략 ) 3제1항에도불구하고다음각호의어느하나에해당하는정당한사유가있는경우에는이를차별로보지아니한다. 1. 제1항에따라금지된차별행위를하지않음에있어서과도한부담이나현저히곤란한사정등이있는경우
57 57 장애인차별금지법 방송사웹사이트장애인편의제공진정결정례의미 곤란한사정 : 현재의기술수준 과도한부담 : 피진정인들의재무현황 웹사이트구축에수반되는비용 웹접근성진정사례에있어서의결정례의미 조사중해결 조사중해결 : 앞으로개편할구체적계획 유무가중요한관건 [ 참조 : 국가인권위원회 ]
58 58 장애인차별금지법 Point 3. 가장중요한판단은고의적 악의적여부 < 단계적계획 >
59 59 장애인차별금지법 Point 3. 가장중요한판단은고의적 악의적여부
60 웹접근성준수방법
61 국가표준한국형웹콘텐츠접근성지침 표준제정일 : 2010 년 12 월 31 일 고시명 : 방송통신위원회제 호 표준번호 : KCS.OT /R1 구성 : 4개원칙 (Principle), 13개지침 (Guideline) 22개검사항목 (Requirement)
62 한국형웹콘텐츠접근성지침 원칙 (4 개 ) 지침 (13 개 ) 검사항목 (22 개 ) 원칙설명 1. 인식의용이성 2. 운용의용이성 3. 이해의용이성 4. 견고성 1. 대체텍스트 1. 적절한대체텍스트제공 2. 멀티미디어대체수단 2. 자막제공 3. 명료성 4. 키보드접근성 5. 충분한시간제공 3. 색에무관한콘텐츠인식 4. 명확한지시사항제공 5. 텍스트콘텐츠의명도대비 6. 배경음사용금지 7. 키보드사용보장 8. 초점이동 9. 응답시간조절 10. 정지기능제공 6. 광과민성발작예방 11. 깜빡임과번쩍임사용제한 7. 쉬운내비게이션 12. 반복영역건너뛰기 13. 제목제공 14. 적절한링크텍스트 8. 가독성 15. 기본언어표시 9. 예측가능성 16. 사용자요구에따른실행 10. 콘텐츠의논리성 11. 입력도움 17. 콘텐츠의선영화 18. 표의구성 19. 레이블제공 20. 오류정정 장애인이비장애인과동등하게웹페이지를알아볼수있어야한다. 장애인이비장애인과동등하게웹페이지의기능을이용할수있어야한다. 장애인이비장애인과동등하게웹페이지의콘텐츠를이해할수있어야한다. 12. 문법준수 21. 마크업오류방지 웹기술에구애받지않고콘텐츠를이용할 13. 웹애플리케이션접근성 22. 웹애플리케이션접근성준수 수있어야한다.
63 한국형웹콘텐츠접근성지침 2.0 의기본원칙 63 4 대원칙 견고성 인식의용이성 운용의용이성 이해의용이성
64 64 1. 인식의용이성 웹접근성준수방법 1. 인식의용이성 지침 (3 개 ) 검사항목 (6 개 ) 1.1 ( 대체텍스트 ) 텍스트아닌콘텐츠에는대체텍스트를제공해야한다. 1.2 ( 멀티미디어대체수단 ) 동영상, 음성등의멀티미디어콘텐츠를이해할수있도록대체수단을제공해야한다 ( 적절한대체텍스트제공 ) 텍스트아닌콘텐츠는그의미나용도를이해할수 있도록대체텍스트를제공해야한다 ( 자막제공 ) 멀티미디어콘텐츠에는자막, 원고또는수화를제공해야한다 ( 색에무관한콘텐츠인식 ) 콘텐츠는색에관계없이인식될수있어야한다. 1.3 ( 명료성 ) 콘텐츠는명확하게전달되어야한다 ( 명확한지시사항제공 ) 지시사항은모양, 크기, 위치, 방향, 색, 소리등에관계없이인식될수있어야한다 ( 텍스트콘텐츠의명도대비 ) 텍스트콘텐츠와배경간의명도대비는 4.5대 1 이상이어야한다 ( 배경음사용금지 ) 자동으로재생되는배경음을사용하지않아야한다.
65 65 1. 인식의용이성 웹접근성준수방법 1.1 적절한대체텍스트제공 ( 적절한대체텍스트제공 ) 텍스트아닌콘텐츠는그의미나용도를이해할수있도록대체텍스트를제공 해야한다. alt(alternate text)? 어떠한조건에서도이미지의내용을사용자에게전달하는것 저사양 PC 저속인터넷회선 텍스트브라우저사용자
66 66 1. 인식의용이성웹접근성준수방법 1.2 멀티미디어대체수단 ( 자막제공 ) 멀티미디어콘텐츠에는자막, 원고또는수화를제공해야한다. - 동영상콘텐츠음성정보와동일하게동기화된자막, 원고또는수화를제공해야함 - 원고제공시동영상콘텐츠옆또는아래에같은페이지에제공하는것이바람직함 - 텍스트로제공되는동영상인경우해당텍스트의내용을음성또는원고로제공해야함 - 음성이없는자막동영상의경우시각장애인이인식이가능하도록원고를제공해야함 동영상에자막과수화동시제공 동영상에충실한원고를제공 음성이없는자막동영상에원고를제공하지않음
67 67 1. 인식의용이성 웹접근성준수방법 1.3 명료성 ( 색에무관한콘텐츠인식 ) 콘텐츠는색에관계없이인식될수있어야한다. 원본 적색맹 녹색맹 청색맹
68 68 2. 운용의용이성 웹접근성준수방법 2. 운용의용이성 지침 (4 개 ) 검사항목 (8 개 ) 2.1 ( 키보드접근성 ) 콘텐츠는키보드로접근할수있어야한다. 2.2 ( 충분한시간제공 ) 콘텐츠를읽고사용하는데충분한시간을제공해야한다. 2.3 ( 광과민성발작예방 ) 광과민성발작을일으킬수있는콘텐츠를제공하지않아야한다. 2.4 ( 쉬운내비게이션 ) 콘텐츠는쉽게내비게이션할수있어야한다 ( 키보드사용보장 ) 모든기능은키보드만으로도사용할수있어야한다 ( 초점이동 ) 키보드에의한초점은논리적으로이동해야하며, 시각적으로구별할수있어야한다 ( 응답시간조절 ) 시간제한이있는콘텐츠는응답시간을조절할수있어야한다 ( 정지기능제공 ) 자동으로변경되는콘텐츠는움직임을제어할수있어야한다 ( 깜빡임과번쩍임사용제한 ) 초당 3~50 회의주기로깜빡이거나번쩍이는콘텐츠를제공하지않아야한다 ( 반복영역건너뛰기 ) 콘텐츠의반복되는영역은건너뛸수있어야한다 ( 제목제공 ) 페이지, 프레임, 콘텐츠블록에는적절한제목을제공해야한다 ( 적절한링크텍스트 ) 링크텍스트는용도나목적을이해할수있도록제공해야한다.
69 69 2. 운용의용이성 웹접근성준수방법 2.1 키보드접근성 ( 초점이동 ) 키보드에의한초점은논리적으로이동해야하며, 시각적으로구별할수있어야한다. 1) 초점의논리적이동 - tab, shift+tab 키로초점이동시콘텐츠의좌 -> 우, 위 -> 아래로이동되도록제공해야함
70 70 2. 운용의용이성웹접근성준수방법 2.4 쉬운내비게이션 ( 반복영역건너뛰기 ) 콘텐츠의반복되는영역은건너뛸수있어야한다. - 키보드를사용하는시각, 운동장애인을위해본문으로건너뛸수있는링크를제공해야함 - 건너뛰기링크를제공할경우페이지맨상단에표시되도록제공해야하며, 키보드로초점이갔을때표시되도록해도무방함 - 건너뛰기링크는 3개이하로제공하는것이바람직함 1) 페이지상단화면에표시되도록제공
71 71 3. 이해의용이성웹접근성준수방법 3. 이해의용이성 지침 (4 개 ) 검사항목 (6 개 ) 3.1 ( 가독성 ) 콘텐츠는읽고이해하기쉬워야한다 ( 기본언어표시 ) 주로사용하는언어를명시해야한다. 3.2 ( 예측가능성 ) 콘텐츠의기능과실행결과는예측가능해야한다 ( 사용자요구에따른실행 ) 사용자가의도하지않은기능 ( 새창, 초점변화 등 ) 은실행되지않아야한다. 3.3 ( 콘텐츠의논리성 ) 콘텐츠는논리적으로구성해야한다 ( 콘텐츠의선형화 ) 콘텐츠는논리적인순서로제공해야한다 ( 표의구성 ) 표는이해하기쉽게구성해야한다. 3.4 ( 입력도움 ) 입력오류를방지하거나정정할수있어야한다 ( 레이블제공 ) 입력서식에는대응하는레이블을제공해야한다 ( 오류정정 ) 입력오류를정정할수있는방법을제공해야한다.
72 72 3. 이해의용이성 웹접근성준수방법 3.1 가독성 ( 기본언어표시 ) 주로사용하는언어를명시해야한다. - 화면낭독기에서해당국가언어를음성으로올바르게출력해주기위해기본언어를명시해야함 - 내용이있는 iframe 안에페이지경우기본언어를명시해야함 구분 HTML 4.01 표준의언어표시 ( 한국어 ) XHTML 1.0표준의언어표시 ( 한국어 ) XHTML 1.1표준의언어표시 ( 한국어 ) 내용 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN " <html lang="ko"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN " <html xmlns=" xml:lang="ko" lang="ko"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" " <html xmlns=" xml:lang= ko >
73 73 4. 견고성웹접근성준수방법 4. 견고성 지침 (2 개 ) 검사항목 (2 개 ) 4.1 ( 문법준수 ) 웹콘텐츠는마크업언어의문법을준수해야한다 ( 마크업오류방지 ) 마크업언어의요소는열고닫음, 중첩관계및속성선언에오류가없어야한다. 4.2 ( 웹애플리케이션접근성 ) 웹애플리케이션은접근성이있어야한다 ( 웹애플리케이션접근성준수 ) 콘텐츠에포함된웹애플리케이션은접근성이있어야한다.
74 74 4. 견고성웹접근성준수방법 4.1 문법준수 ( 마크업오류방지 ) 마크업언어의요소는열고닫음, 중첩관계및속성선언에오류가없어야한다. - 화면낭독기는마크업언어을해석하여음성으로출력하므로, 최소한열고닫음, 중첩관계, 속성선언에오 류가없어야함 구분 내용 태그의열고닫음 마크업언어로작성된콘텐츠는표준에서특별히정한경우를제외하고는시작태그와 끝나는태그가정의되어야한다. 태그의중첩열고닫는태그가나타내는요소는포함관계가어긋나지않아야한다. 중복된속성 하나의요소안에서마크업언어의속성이중복되어선언될경우, 중복된속성중하나 는무시될수있으므로같은속성이중복선언되지않도록제공해야한다. id 속성값 하나의마크업문서에는같은 id 값을가진요소가존재해서는안되므로, id 값을중복 되지않도록사용해야한다.
75 75 4. 견고성웹접근성준수방법 4.1 문법준수 마크업오류사례 구분 사례 열고닫기오류 태그중첩오류 중복된속성
76 한국형웹콘텐츠접근성지침 2.1 비교
77 vs ( 대체텍스트 ) 텍스트아닌콘텐츠에는대체텍스트를제공해야한다. 수정 배경이미지의의미가사용자에게전달되어야하는콘텐츠는그의미가보조기술로전달되도록대체텍스트를제공해야한다. 추가 IR 기법사용시, display:none, visibility:hidden 사용금지를의미 동일한정보를중복해서제공하는경우 : 보조기술로동일한정보가반복해서전달되지않도록구현하는것이바람직하다. 추가 권장이유 중복을이유로 제품의사진 에는 alt 값을제공하지않는다면 검색엔진에서이미지를수집할때노출되지않을수있음
78 vs 2.1 대체텍스트중복사례
79 vs ( 텍스트콘텐츠의명도대비 ) 텍스트콘텐츠와배경간의명도대비는 4.5 대 1 이상이어야한다. 수정 화면확대가가능한콘텐츠 : 화면확대가가능하도록구현한텍스트콘텐츠 ( 텍스트, 텍스트이미지 ) 의명도대비는 3 대 1 까지낮출수있다. 추가 브라우저확대가가능하므로명도대비는사실상완화 기존 핵심콘텐츠 삭제로영역은확대 장식용문구등과같은의미없는영역은제외
80 vs ( 콘텐츠간의구분 ) 이웃한콘텐츠는구별될수있어야한다. 신설 모든이웃한콘텐츠는시각적으로구분될수있도록구현해야한다. 신설 1-1) 테두리를이용하여구분함 1-2) 콘텐츠사이에시각적인구분선을삽입하여구분함 1-3) 서로다른무늬를이용하여구분함 1-4) 콘텐츠배경색간의명도대비 ( 채도 ) 를달리하여구분함 1-5) 줄간격및글자간격을조절하여구분함 1-6) 기타콘텐츠를시각적으로구분할수있는방법등
81 vs ( 조작가능 ) 사용자입력및컨트롤은조작가능하도록제공되어야한다. 신설 컨트롤의크기 : 콘텐츠에포함된모든컨트롤은대각선방향의길이를 6.0mm 이상으로제공해야한다. 신설 컨트롤의대각선길이 6mm 미만인사례 컨트롤의대각선길이 6mm 이상인사례
82 vs ( 조작가능 ) 사용자입력및컨트롤은조작가능하도록제공되어야한다. 신설 링크, 사용자입력, 기타컨트롤등의안쪽여백 : 테두리안쪽으로 1 픽셀이상의 여백을두고이곳에서마우스, 터치등에반응하지않도록구현하는것이바람직함. 신설 컨트롤을잘못선택하지않도록간격제공
83 vs ( 반복영역건너뛰기 ) 콘텐츠의반복되는영역은건너뛸수있어야한다. 수정 시각적인구현 : 건너뛰기링크는시각장애인뿐아니라지체장애인도키보드조작횟수를 줄일수있게하는효과적인수단이므로메뉴건너뛰기링크는화면에보이도록구현해 야한다. 추가 2.4.2( 제목제공 ) 페이지, 프레임, 콘텐츠블록에는적절한제목을제공해야한다. 수정 팝업창제목 (title) 제공 : 팝업창은팝업창 임을제목에명시해야한다. 항목을추가
84 vs ( 적절한링크텍스트 ) 링크텍스트는용도나목적을이해할수있도록제공해야한다. 수정 맥락을통해이해할수있도록링크텍스트제공 : 링크의용도나목적지를링크텍스트만으로또는주변의맥락으로부터충분히이해할수있도록링크텍스트를제공해야한다. 수정 2.0 : 맥락과무관한링크, 맥락과 관계없이이해할수있도록 ~ 공지사항, 링크 1, 링크 2, 링크 3, 공지사항더보기 vs 김수한무거북이와두루미삼천갑자동방삭치치카포사리사리센타워리워리세브리깡이미지크게보기, 김수한무거북이와두루미삼천갑자동방삭치치카포사리사리센타워리워리세브리깡자세히보기, 김수한무거북이와두루미삼천갑자동방삭치치카포사리사리센타워리워리세브리깡주문하기 맥락을이용하여목적어생략필요
85 vs ( 콘텐츠의선형구조 ) 콘텐츠는논리적인순서로제공해야한다. 수정 의미가명확히전달되도록 선형화 대신 선형구조 로표현 4.2.1( 웹애플리케이션접근성준수 ) 콘텐츠에포함된웹애플리케이션은접근성이있어야한다. 수정 보조기술호환성을제공할수있도록 접근성프로그래밍인터페이스대체수단제공 : 웹 애플리케이션을구현하는과정에서운영체제 ( 플랫폼포함 ) 가제공하는접근성프로그래밍 인터페이스가정의되지않은새로운기능을구현할경우에는그기능의명칭, 역할, 상태및 값에관한정보를운영체제 ( 또는플랫폼 ) 의접근성프로그래밍인터페이스로전달하도록 구현함으로써보조기술이그정보를이용할수있게해야한다. 수정
86 모바일앱접근성지침소개
87 87 스마트폰접근성기능 음성읽기기능 모바일앱접근성지침소개 큰텍스트글자크기를크게하여가독성증가 화면내용을음성으로안내 < 아이폰 > 화면색상반전 저시력사용자가편하게볼수있는환경 청각장애인을위한기능 알림시 LED 깜빡임 & 모노오디오 < 안드로이드폰 > 확대 / 축소모든화면을쉽게확대및축소
88 88 모바일애플리케이션접근성지침 - 구성 모바일앱접근성지침소개 모바일애플리케이션접근성지침 모바일애플리케이션접근성지침 ( 미래부고시제 호 ) 준수사항 (7개) 권고사항 (8개) 1. 대체텍스트 1. Native UI Component 2. 초점 2. 컨트롤간충분한간격 3. 운영체제접근성기능지원 3. 알림기능 4. 누르기동작지원 4. 범용폰트이용 5. 색에무관한인식 5. 사용자인터페이스의일관성 6. 명도대비 6. 깜빡거림의사용제한 7. 자막, 수화제공 7. 배경음사용금지 8. 장애인사용자평가
89 89 모바일애플리케이션접근성지침 - 준수사항 모바일앱접근성지침소개 1. ( 대체텍스트 ) 텍스트아닌콘텐츠는대체가능한텍스트를함께제공해야한다. 문제점 대체텍스트를미제공 하여모바일화면낭독 버튼버튼버튼버튼 버튼버튼버튼버튼 프로그램에서제공하는 음성읽기기능을활용 하면 버튼 이라고읽음
90 90 2. 모바일애플리케이션접근성지침 - 준수사항모바일앱접근성지침소개 1. ( 대체텍스트 ) 텍스트아닌콘텐츠는대체가능한텍스트를함께제공해야한다. 아이폰
91 91 2. 모바일애플리케이션접근성지침 - 준수사항모바일앱접근성지침소개 1. ( 대체텍스트 ) 텍스트아닌콘텐츠는대체가능한텍스트를함께제공해야한다. 안드로이드폰
92 92 모바일애플리케이션접근성지침 - 준수사항 모바일앱접근성지침소개 2. ( 초점 ) 모든객체에는초점 (focus) 이적용되고, 초점은순차적으로이동되어야한다. 문제점 - TTS를실행할경우, 아이디입력창, 비밀번호입력창 ', 공인인증입력창 등에초점이가지않아애플리케이션이용이불가능 아이디, 비밀번호, 공인인증입력등이불가능하여로그인을할수있는방법이없음 - 아이디저장, 시세전용 체크박스에대체텍스트미제공 선택됨, 선택안됨 으로만음성출력
93 93 모바일애플리케이션접근성지침 - 준수사항 모바일앱접근성지침소개 3. ( 운영체제접근성기능지원 ) 운영체제가제공하는접근성기능및속성이지원되어야한다. 운영체제에서의접근성기능을지원한 Twitter 의경우 SNS 에서제공하는텍스트정보 를제대로인식할수있으나, 국내의모 SNS 의경우에는운영체제의접근성기능을지 원하지않아음성읽기기능이용시아무런텍스트정보도얻지못하는문제가발생
94 94 모바일애플리케이션접근성지침 - 준수사항 모바일앱접근성지침소개 4. ( 누르기동작지원 ) 모든컨트롤은누르기 (touch or tap) 동작으로제어할수있어야한다. < Slide 기능에대한대체수단제공사례 ( 두번두드리기 (double tap)) > < Slide 기능에대한대체수단미제공사례 >
95 95 모바일애플리케이션접근성지침 - 준수사항 모바일앱접근성지침소개 5. ( 색에무관한인식 ) 화면에표시되는모든정보는색에관계없이인식할수있어야한다.
96 96 모바일애플리케이션접근성지침 - 준수사항 모바일앱접근성지침소개 6. ( 명도대비 ) 화면에표시되는모든정보는전경색과배경색이구분될수있도록최소대비이상으로제공되어야한다. - 모든정보의최소대비는 3:1 이상으로제공해야한다. - 저시력자에게실효성을가지기위해서주콘텐츠의경우 4.5:1 또는 7:1 이상으로제공해야한다. 배경색과글자색의대비가충분하지않아저시력사용자는글씨를읽기가매우어려움
97 97 모바일애플리케이션접근성지침 - 준수사항 모바일앱접근성지침소개 7. ( 자막, 수화등의제공 ) 멀티미디어콘텐츠에는동등한내용의자막, 원고또는수화가 제공되어야한다.
98 98 모바일애플리케이션접근성지침 - 권고사항 모바일앱접근성지침소개 1. (Native UI Component) 운영체제에서제공하는기본사용자인터페이스컴포넌트를 최대한이용하는것이바람직하다. picker TextView EditText Button
99 99 모바일애플리케이션접근성지침 - 권고사항 모바일앱접근성지침소개 2. ( 컨트롤간충분한간격 ) 컨트롤은충분한간격으로배치하는것이바람직하다. 컨트롤중심간간격은 13mm X 13mm 이상을권장 컨트롤영역의크기는 8.5mm X 8.5mm 이상을권장 Android 해상도기준 : , 240dpi 기준으로평가함 IOS 의표준해상도기준 : 72dpi 기준으로평가함
100 100 모바일애플리케이션접근성지침 - 권고사항 모바일앱접근성지침소개 3. ( 알림기능 ) 사용자에게알림을제공할때에는진동, 시각, 소리등최대한다양한방법으로 사용자가선택할수있도록제공하는것이바람직하다. < 페이스북의알림설정화면 > < 운영체제에서제공하는 Native UI 알림기능사용예 >
101 101 모바일애플리케이션접근성지침 - 권고사항 모바일앱접근성지침소개 4. ( 범용폰트이용 ) 폰트의크기조절, 확대기능을제공하거나운영체제에서제공하는관련 기능을활용할수있는방법을제공하는것이바람직하다. < 트위터의글자크기설정화면 > < ibooks 폰트크기및서체설정화면 >
102 102 모바일애플리케이션접근성지침 - 권고사항 모바일앱접근성지침소개 5. ( 사용자인터페이스의일관성 ) 사용자인터페이스요소들의배치를일관성있게제공하는 것이바람직하다. < 일관성없는입력서식제공사례 > ( 네이티브 UI 컴포넌트 ( 좌측 ), 커스텀 UI Component ( 우측 ) > < 새로고침 버튼의위치가다른페이지와달리오른쪽상단에위치하여일관성이성이없음 >
103 103 모바일애플리케이션접근성지침 - 권고사항 모바일앱접근성지침소개 6. ( 깜빡거림의사용제한 ) 광과민성발작을일으킬수있는콘텐츠를제공하지않는것이 바람직하다. 깜빡이거나번쩍이는콘텐츠를제공해야만할경우초당 3-50 회주기는피해서제공해야함
104 104 모바일애플리케이션접근성지침 - 권고사항 모바일앱접근성지침소개 7. ( 배경음사용금지 ) 자동으로재생되는배경음을사용하지않는것이바람직하다. 동영상을사용자의선택에의해활성화되도록제공하는것이바람직하다. 배경음을제공할경우에는반드시애플리케이션첫부문에이를정지할수있는기능을제공하 는것이바람직하다.
105 105 모바일애플리케이션접근성지침 - 권고사항 모바일앱접근성지침소개 8. ( 장애인사용자평가 ) 애플리케이션개발시다양한모바일기기에서의이용가능여부를 점검해야하며, 장애인테스트를수행하는것이바람직하다. [ 출처 ] < 오마이뉴스 > 시각장애인의스마트폰교육현장을가다
106 106 모바일앱접근성이슈 모바일앱접근성지침소개 앱접근성주요오류및이슈 1 제보하기의대체텍스트가제보보기탭으로변하였는데 제보하기선택됨 으로고정됨 커스텀탭메뉴제작시상태정보를정확하게구분하지않아발생 웹과달리대체텍스트제공시, 객체나요소의종류, 현재상황을예측할수있도록표현
107 107 모바일앱접근성이슈 모바일앱접근성지침소개 앱접근성주요오류및이슈 2 좌에서우, 상에서하로만논리적순서를판단하기어려운영역이존재 일관되고예측가능한순서의개념으로재정립하여적용
108 Q & A 감사합니다.
슬라이드 1
모바일애플리케이션 접근성지침소개 2013 1. 들어가기 모바일접근성에대한관심을갖게된계기 시각장애인들도터치방식의스마트폰을이용할수있는가??? 2 1. 들어가기 모바일접근성에혜택 3 1. 들어가기 TTS(Text To Speech) 시각장애인들을위한음성합성기술 < VoiceOver > < Talkback > 4 1. 들어가기 영상통화 청각장애인들에게소통의폭을넓히다
CSS Design Korea( ) 웹콘텐츠접근성지침 2.0 개요 한국정보화진흥원 정보접근지원부현준호책임 현준호
CSS Design Korea(2010. 5.29) 웹콘텐츠접근성지침 2.0 개요 한국정보화진흥원 정보접근지원부책임 1. 들어가기 전세계인구의 10% (6 억 5 천만명 ) ( 출처 : UN ENABLE W ebsites, http://www.un.org/disabilities/default.asp?id=18 ) 1 1. 들어가기 80% 는개발도상국에!! (
1. 들어가기 축구 웹 축구를잘하려면, 기본은? 체력이좋아야지요!! 1
HTML 5 오픈컨퍼런스 (2010. 7. 2) 웹콘텐츠접근성지침 2.0 개요 한국정보화진흥원책임 (jhyun22@nia.or.kr, Twitter : @jhyun22 http://jhyun.wordpress.com/) 1. 들어가기 축구 웹 축구를잘하려면, 기본은? 체력이좋아야지요!! 1 1. 들어가기 축구 웹 좋은웹이될려면, 기본은? 표준과접근성을지켜야지요!!
PowerPoint 프레젠테이션
지능정보화사회로의발전이생활을편리하고효율적으로바꿔주지만일자리파 괴, 디지털격차등또다 른경제적불평등의우려가크다, 노인, 장애인, 여성등취약계층이변화과정에 서소외되지않도록정책적 배려가있어야하겠다. ( 17.10. 11, 4 차산업혁명위원회출범식, 문재인대통령인사말씀 ) 17 년기준, 정보소외계층의디지털정보화수준은일반국민의 65.1% 수준 디지털접근수준 (91%),
모바일애플리케이션접근성지침
모바일애플리케이션접근성지침 목 차 - 1 - - 2 - - 3 - - 4 - - 5 - - 6 - - 7 - - 8 - - 9 - . - 10 - [housebutton setisaccessibilityelement:yes]; [housebutton setaccessibilitylabel:@" "]; [housebutton setaccessibilityhint:@"."];
한국정보통신표준 KICS.OT /R1 제정일 : 2010 년 12 월 31 일 한국형웹콘텐츠접근성지침 2.0 Korean Web Content Accessibility Guidelines 2.0 방송통신위원회
제정일 : 2010 년 12 월 31 일 한국형웹콘텐츠접근성지침 2.0 Korean Web Content Accessibility Guidelines 2.0 방송통신위원회 서 문 1. 표준의목적 본표준은장애인이비장애인과동등하게웹콘텐츠에접근할수있는웹콘텐츠를제작하는방법에관하여기술하고있다. 이표준에포함된지침들은웹콘텐츠저자, 웹사이트설계자및웹콘텐츠개발자들이관련된지침을준수하여접근성
src.hwp
TTAS.OT-10.0003 제정일: 2004년 12월 23일 개정일: 2009년 12월 22일 T T A S t a n d a r d 한국형웹콘텐츠접근성지침 2.0 Korean Web Content Accessibility Guidelines 2.0 TTAS.OT-10.0003 제정일: 2004년 12월 23일 개정일: 2009년 12월 22일 한국형웹콘텐츠접근성지침
SBR-100S User Manual
( 1 / 13 ) SBR-100S 모델에 대한 사용자 펌웨어 업그레이드 방법을 안내해 드립니다. SBR-100S 는 신규 펌웨어가 있을시 FOTA(자동업데이트) 기능을 통하여 자동 업그레이드가 되며, 필요시 사용자가 신규 펌웨어를 다운받아 수동으로 업그레이드 할 수 있습니다. 1. 준비하기 1.1 연결 장치 준비 펌웨어 업그레이드를 위해서는 SBR-100S
SIGIL 완벽입문
누구나 만드는 전자책 SIGIL 을 이용해 전자책을 만들기 EPUB 전자책이 가지는 단점 EPUB이라는 포맷과 제일 많이 비교되는 포맷은 PDF라는 포맷 입니다. EPUB이 나오기 전까지 전 세계에서 가장 많이 사용되던 전자책 포맷이고, 아직도 많이 사 용되기 때문이기도 한며, 또한 PDF는 종이책 출력을 위해서도 사용되기 때문에 종이책 VS
메뉴얼41페이지-2
데이터 기반 맞춤형 성장관리 솔루션 스마트빌 플러스 은행계좌등록 은행계좌를 조회하여 등록합니다. 신용카드등록 신용카드를 조회하여 등록합니다. 금융정보 자동수집을 위하여 인증서이름, 아이디, 비밀번호를 등록합니다. 통합 자동 수집 금융정보 통합 자동수집을 실행합니다 은행계좌등록 은행계좌를 조회하여 등록합니다. 신용카드등록 신용카드를 조회하여
Korea Communications Standard 방송통신표준 개정일 : 2015 년 3 월 31 일 한국형웹콘텐츠접근성지침 2.1 Korean Web Content Accessibility Guidelines 2.1 미래창조과학부국립전파연구원 개정일 : 2015 년 3 월 31 일 한국형웹콘텐츠접근성지침 2.1 Korean Web Content Accessibility
XSS Attack - Real-World XSS Attacks, Chaining XSS and Other Attacks, Payloads for XSS Attacks
XSS s XSS, s, May 25, 2010 XSS s 1 2 s 3 XSS s MySpace 사건. Samy (JS.Spacehero) 프로필 페이지에 자바스크립트 삽입. 스크립트 동작방식 방문자를 친구로 추가. 방문자의 프로필에 자바스크립트를 복사. 1시간 만에 백만 명이 친구등록. s XSS s 위험도가 낮은 xss 취약점을 다른 취약점과 연계하여
웹접근성품질인증 심사가이드 v 한국형웹콘텐츠접근성지침 2.0 기준 (K IC S.O T / R 1, 제정 )
웹접근성품질인증 심사가이드 v.1.3 - 한국형웹콘텐츠접근성지침 2.0 기준 (K IC S.O T - 1 0.0 0 0 3 / R 1, 2 0 1 0.1 2.3 1. 제정 ) 2 0 1 3. 4. 1 7 목 차 제 1 장개요 1 제 1 절웹접근성품질인증소개 1 제 2 절접수대상및방법 1 제 3 절제출서류 4 제 4 절심사종류및수수료 5 제 5 절심사절차 6
Windows 8에서 BioStar 1 설치하기
/ 콘텐츠 테이블... PC에 BioStar 1 설치 방법... Microsoft SQL Server 2012 Express 설치하기... Running SQL 2012 Express Studio... DBSetup.exe 설정하기... BioStar 서버와 클라이언트 시작하기... 1 1 2 2 6 7 1/11 BioStar 1, Windows 8 BioStar
MF3010 MF Driver Installation Guide
한국어 MF 드라이버설치설명서 사용자소프트웨어 CD-ROM................................................ 1.................................................................... 1..............................................................................
PowerPoint Template
JavaScript 회원정보 입력양식만들기 HTML & JavaScript Contents 1. Form 객체 2. 일반적인입력양식 3. 선택입력양식 4. 회원정보입력양식만들기 2 Form 객체 Form 객체 입력양식의틀이되는 태그에접근할수있도록지원 Document 객체의하위에위치 속성들은모두 태그의속성들의정보에관련된것
아이콘의 정의 본 사용자 설명서에서는 다음 아이콘을 사용합니다. 참고 참고는 발생할 수 있는 상황에 대처하는 방법을 알려 주거나 다른 기능과 함께 작동하는 방법에 대한 요령을 제공합니다. 상표 Brother 로고는 Brother Industries, Ltd.의 등록 상
Android 용 Brother Image Viewer 설명서 버전 0 KOR 아이콘의 정의 본 사용자 설명서에서는 다음 아이콘을 사용합니다. 참고 참고는 발생할 수 있는 상황에 대처하는 방법을 알려 주거나 다른 기능과 함께 작동하는 방법에 대한 요령을 제공합니다. 상표 Brother 로고는 Brother Industries, Ltd.의 등록 상표입니다. Android는
Web Scraper in 30 Minutes 강철
Web Scraper in 30 Minutes 강철 발표자 소개 KAIST 전산학과 2015년부터 G사에서 일합니다. 에서 대한민국 정치의 모든 것을 개발하고 있습니다. 목표 웹 스크래퍼를 프레임웍 없이 처음부터 작성해 본다. 목표 웹 스크래퍼를 프레임웍 없이 처음부터 작성해 본다. 스크래퍼/크롤러의 작동 원리를 이해한다. 목표
제이쿼리 (JQuery) 정의 자바스크립트함수를쉽게사용하기위해만든자바스크립트라이브러리. 웹페이지를즉석에서변경하는기능에특화된자바스크립트라이브러리. 사용법 $( 제이쿼리객체 ) 혹은 $( 엘리먼트 ) 참고 ) $() 이기호를제이쿼리래퍼라고한다. 즉, 제이쿼리를호출하는기호
제이쿼리 () 정의 자바스크립트함수를쉽게사용하기위해만든자바스크립트라이브러리. 웹페이지를즉석에서변경하는기능에특화된자바스크립트라이브러리. 사용법 $( 제이쿼리객체 ) 혹은 $( 엘리먼트 ) 참고 ) $() 이기호를제이쿼리래퍼라고한다. 즉, 제이쿼리를호출하는기호 CSS와마찬가지로, 문서에존재하는여러엘리먼트를접근할수있다. 엘리먼트접근방법 $( 엘리먼트 ) : 일반적인접근방법
Eclipse 와 Firefox 를이용한 Javascript 개발 발표자 : 문경대 11 년 10 월 26 일수요일
Eclipse 와 Firefox 를이용한 Javascript 개발 발표자 : 문경대 Introduce Me!!! Job Jeju National University Student Ubuntu Korean Jeju Community Owner E-Mail: ned3y2k@hanmail.net Blog: http://ned3y2k.wo.tc Facebook: http://www.facebook.com/gyeongdae
XE 스킨 제작 가이드
XE 스킨제작가이드 NHN 오픈 UI 기술팀정찬명 목 차 1. XE 스킨의개요 2. XE 스킨의종류 3. XE 스킨의구성요소 4. XE 스킨제작시고려사항 5. XE 스킨파일구조 6. skin.xml 문법 7. XHTML 문법 8. CSS 활용 9. XE 템플릿문법 XE 스킨의개요 스킨이란? 웹페이지또는 웹페이지의구성요소에대한 사용자인터페이스. 이런것아닙니다.
..,. Job Flow,. PC,.., (Drag & Drop),.,. PC,, Windows PC Mac,.,.,. NAS(Network Attached Storage),,,., Amazon Web Services*.,, (redundancy), SSL.,. * A
..,. Job Flow,. PC,.., (Drag & Drop),.,. PC,, Windows PC Mac,.,.,. NAS(Network Attached Storage),,,., Amazon Web Services*.,, (redundancy), SSL.,. * Amazon Web Services, Inc.. ID Microsoft Office 365*
1. 배경 업무 내용이나 개인정보가 담긴 청구서 등을 메일로 전달 시 중요한 정보가 유출되는 경우가 발생하고 있으며, 이에 따른 메일 암호화 솔루션을 도입하고 있으나 기존 ActiveX를 기반으로 한 플러그인 방식은 여러 가지 제약으로 인해 사용성이 저하되고, 고객 대
Non-ActiveX 방식의 메일암호화 솔루션 1. 배경 업무 내용이나 개인정보가 담긴 청구서 등을 메일로 전달 시 중요한 정보가 유출되는 경우가 발생하고 있으며, 이에 따른 메일 암호화 솔루션을 도입하고 있으나 기존 ActiveX를 기반으로 한 플러그인 방식은 여러 가지 제약으로 인해 사용성이 저하되고, 고객 대응 및 운영 비용이 증가하는 원인이 되어 개선이
미쓰리 파워포인트
computer & internet 07. FRAME TAG FRAME? 프레임이란? : 웹페이지를수직이나수평으로여러개영역으로나누어다른웹문서가들어갈수있도록구성할수있음. 이때나누어진각각의창을프레임이라고함. 2 FRAME 문서의구조 HTML 문서에서 태그기능을 프레임문서구조에서는 이대신함 일반웹페이지구조 ..
Microsoft PowerPoint - mobileAppAccessibilityGuidelines_Korea.pptx
Mobile Application Accessibility Compliance Guideline of Korea 2011. 10. Seongil Lee Sungkyunkwan University silee@skku.edu Stay Hungry, Stay Foolish. imemory of Steve Jobs Backgrounds What has emerged?
장애인건강관리사업
장애인건강관리사업 2013. 2013 : : ( ) : ( ) ( ) ( ) : ( ) ( ) ( ) ( ) ( ) ( ) ( ) ( ) ( ) ( ) ( ) ( ) ( ) ( ) 1.. 2.. 제1장. 연구개요 1 제2장. 1세부과제 : 장애인건강상태평가와모니터링 10 - i - 제3장. 2세부과제 : 장애인만성질환위험요인조사연구 117 - ii - 4장.
Microsoft PowerPoint - 11주차_Android_GoogleMap.ppt [호환 모드]
![Microsoft PowerPoint - 11주차_Android_GoogleMap.ppt [호환 모드]](/thumbs/90/102499718.jpg "Microsoft PowerPoint - 11주차_Android_GoogleMap.ppt [호환 모드]")
Google Map View 구현 학습목표 교육목표 Google Map View 구현 Google Map 지원 Emulator 생성 Google Map API Key 위도 / 경도구하기 위도 / 경도에따른 Google Map View 구현 Zoom Controller 구현 Google Map View (1) () Google g Map View 기능 Google
성균관대학교시스템경영공학과 (6.2) 웹접근성이해및지침소개 한국정보화진흥원 웹접근성지원부현준호
성균관대학교시스템경영공학과 (6.2) 웹접근성이해및지침소개 2009. 6 한국정보화진흥원 웹접근성지원부 Jhyun22@kado.or.kr 1. 들어가기 -1 기술이사람을도와준다!! 기술이사람을 바보로만든다!! - 리모트콘트롤, 휴대폰, 웹사이트를 부모님이, 아이들이, 선생님이어떻게이용하십니까? 1 1. 들어가기 -2 맹자 牛山之木 ( 우산지목 ) 성선설 우산의나무들은일찍이아름다웠다.
목차 윈도우드라이버 1. 매뉴얼안내 운영체제 (OS) 환경 윈도우드라이버준비 윈도우드라이버설치 Windows XP/Server 2003 에서설치 Serial 또는 Parallel 포트의경우.
소프트웨어매뉴얼 윈도우드라이버 Rev. 3.03 SLP-TX220 / TX223 SLP-TX420 / TX423 SLP-TX400 / TX403 SLP-DX220 / DX223 SLP-DX420 / DX423 SLP-DL410 / DL413 SLP-T400 / T403 SLP-T400R / T403R SLP-D220 / D223 SLP-D420 / D423
HTML5가 웹 환경에 미치는 영향 고 있어 웹 플랫폼 환경과는 차이가 있다. HTML5는 기존 HTML 기반 웹 브라우저와의 호환성을 유지하면서도, 구조적인 마크업(mark-up) 및 편리한 웹 폼(web form) 기능을 제공하고, 리치웹 애플리케이 션(RIA)을
동 향 제 23 권 5호 통권 504호 HTML5가 웹 환경에 미치는 영향 이 은 민 * 16) 1. 개 요 구글(Google)은 2010년 5월 구글 I/O 개발자 컨퍼런스에서 HTML5를 통해 플러 그인의 사용이 줄어들고 프로그램 다운로드 및 설치가 필요 없는 브라우저 기반 웹 플랫폼 환경이 점차 구현되고 있다고 강조했다. 그리고 애플(Apple)은 2010년
PowerPoint 프레젠테이션
발간사 누구에게나평등한온라인세상을꿈꾸는케이티가웹접근성백서를발간하였습니다. 케이티가온라인사이트에대해웹접근성을도입하고자했을때, 웹접근성기준을수립하고, 어떻게적용해야할것인가에대해많은고민과노력이필요하였습니다. 특히, 많은개발자의인식부족과담당부서의지속적인관리에대한의지가무엇보다중요하다는사실을깨닫고, 하루라도더, 한사람이라도더많이웹접근성적용에대한인식을같이하여, 참여할수있도록그간의노하우를정리해보았습니다.
SQL Developer Connect to TimesTen 유니원아이앤씨 DB 기술지원팀 2010 년 07 월 28 일 문서정보 프로젝트명 SQL Developer Connect to TimesTen 서브시스템명 버전 1.0 문서명 작성일 작성자
SQL Developer Connect to TimesTen 유니원아이앤씨 DB 팀 2010 년 07 월 28 일 문서정보 프로젝트명 SQL Developer Connect to TimesTen 서브시스템명 버전 1.0 문서명 작성일 2010-07-28 작성자 김학준 최종수정일 2010-07-28 문서번호 20100728_01_khj 재개정이력 일자내용수정인버전
PowerPoint 프레젠테이션
05 장 CSS3 선택자 1. 선택자개요 2. 기본선택자 3. 속성선택자 4. 후손선택자와자손선택자 5. 반응 / 상태 / 구조선택자 CSS 블록을생성할수있다. 선택자를이해하고적절한선택자를활용할수있다. 1 선택자개요 CSS3 선택자 특정한 HTML 태그를선택할때사용하는기능 선택한태그에원하는스타일이나스크립트적용가능 그림 5-1 CSS 블록 CSS 블록 style
C스토어 사용자 매뉴얼
쪽지 APP 디자인적용가이드 I. 쪽지 APP 소개 2 I. 쪽지 APP 소개 쪽지 APP 을통해쇼핑몰의특정회원또는특정등급의회원그룹에게 알림메시지나마케팅을위한쪽지를발송하실수있습니다. 쪽지 APP의주요기능 1. 전체회원, 특정ID, 특정회원그룹별로쪽지발송가능 2. 발송예약기능 3. 발송한쪽지에대해수신및열람내역조회가능 4. 쇼핑몰페이지에서쪽지함과쪽지알림창제공 3
H3250_Wi-Fi_E.book
무선 LAN 기능으로 할 수 있는 것 2 무선 LAN 기능으로 할 수 있는 것 z q l D w 3 Wi-Fi 기능 플로우차트 z q l D 4 Wi-Fi 기능 플로우차트 w 5 본 사용 설명서의 기호 설명 6 각 장별 목차 1 2 3 4 5 6 7 8 9 10 11 12 13 14 7 목차 1 2 3 4 8 목차 5 6 7 8 9 9 목차 10 11 12
PowerPoint 프레젠테이션
How to produce ChemML and MathML 조윤상 ( 과편협기획운영위원 ) 1 Applications of XML Applications of XML RDF (Resource Description Framework) : 자원의정보를표현하기위한규격, 구문및구조에대한공통적인규칙을지원. RSS (Rich Site Summary) : 뉴스나블로그사이트에서주로사용하는콘텐츠표현방식.
PathEye 공식 블로그 다운로드 받으세요!! 지속적으로 업그래이드 됩니다. 여러분의 의견을 주시면 개발에 반영하겠 습니다.
PathEye Mobile Ver. 0.71b 2009. 3. 17 By PathEye 공식 블로그 다운로드 받으세요!! http://blog.patheye.com 지속적으로 업그래이드 됩니다. 여러분의 의견을 주시면 개발에 반영하겠 습니다. PathEye 설치 1/3 최종 배포 버전을 다 운로드 받습니다. 다운로드된 파일은 CAB 파일입니다. CAB 파일에는
PowerPoint 프레젠테이션
워드프레스소개및운용관리안내 1 목차 2 1. 워드프레스소개 역사 2003 년매트물렌웨그에의해탄생 ver0.7 플러그인구조, 애플리케이션프로그램밍인터페이스도입 테마구조와페이지운영이가능한 ver1.5 로테마변경및디자인에대한자유도부여 Wyswyg 방식의문서편집기도입 MU(multi-user) 개념의도입 Social 쉐어플러그인도입으로 (SNS 연계 ) 현재워드프레스
가. 페이퍼리스 인프라 구현 페이퍼리스(paperless) 프로세스의 변화 Green IT 정책 종이문서에 소요되는 제반비용의 증가 등을 이유로 전자문서의 활용 시스템에 대한 사회적 요청 제기 등으로 대변되는 Paperless Office 패러다임 종이문서의 사용을 지양하고, 전자문서를 중심으로 하는 새로운 업무처리 프로세스를 정립 (1975)
사용설명서를 읽기 전에 안드로이드(Android)용 아이디스 모바일은 네트워크 연결을 통해 안드로이드 플랫폼 기반의 모바일 기기에서 장치 (DVR, NVR, 네트워크 비디오 서버, 네트워크 카메라) 에 접속하여 원격으로 영상을 감시할 수 있는 프로그램입니다. 장치의 사
IDIS Mobile Android 사용설명서 Powered by 사용설명서를 읽기 전에 안드로이드(Android)용 아이디스 모바일은 네트워크 연결을 통해 안드로이드 플랫폼 기반의 모바일 기기에서 장치 (DVR, NVR, 네트워크 비디오 서버, 네트워크 카메라) 에 접속하여 원격으로 영상을 감시할 수 있는 프로그램입니다. 장치의 사양 및 버전에 따라 일부
한국에너지기술연구원 통합정보시스템설치방법설명서 한국에너지기술연구원 지식정보실 - 1 -
한국에너지기술연구원 통합정보시스템설치방법설명서 한국에너지기술연구원 지식정보실 - 1 - [1 단계 ] 운영체제별시스템설정방법 Windows XP 시스템설정방법 : XP 운영체제는설정할사항이없음 Windows 7 시스템설정방법 1) [ 시작 ]-[ 제어판 ]-[ 관리센터 ] 를클릭한다. - 2 - 2) 사용자계정컨트롤설정변경 을클릭한다. 3) 알리지않음 ( 사용자계정컨트롤끄기
HTML5* Web Development to the next level HTML5 ~= HTML + CSS + JS API
WAC 2.0 & Hybrid Web App 권정혁 ( @xguru ) 1 HTML5* Web Development to the next level HTML5 ~= HTML + CSS + JS API Mobile Web App needs Device APIs Camera Filesystem Acclerometer Web Browser Contacts Messaging
1
1 2 3 4 5 6 b b t P A S M T U s 7 m P P 8 t P A S M T U s 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 Chapter 1 29 1 2 3 4 18 17 16 15 5 6 7 8 9 14 13 12 11 10 1 2 3 4 5 9 10 11 12 13 14 15
<B1DDC0B6C1A4BAB8C8ADC1D6BFE4B5BFC7E228313232C8A3292E687770>
금융정보화 주요동향 제122호 2010. 3. 30 1. 금융업계 IT동향 2. IT 동향 3. IT 용어 정보시스템본부 종 합 2010. 3월 제122호 1. 금융업계 IT동향 올해 금융IT핵심 화두는 통합, 그리고 모바일 은행, 스마트폰 뱅킹 서비스 강화 증권업계, 공동 통합보안관제 체계 구축 추진 카드업계, 스마트폰 애플리케이션 개발 확산 미래에셋생명,
Index 1. Intro Install Connect Scratch 1.4 (Offline Editor) Scratch 2.0 (Online Editor) Connect f
Scratch 호환 센서 보드 SKY SSB 설정 메뉴얼 1st of April 2016 Techdine Index 1. Intro... 03 2. Install... 04 3. Connect... 06 3-1. Scratch 1.4 (Offline Editor)... 06 3-2. Scratch 2.0 (Online Editor)... 09 3-2-1. Connect
vRealize Automation용 VMware Remote Console - VMware
vrealize Automation 용 VMware Remote Console VMware Remote Console 9.0 이문서는새버전으로교체되기전까지나열된각제품버전및모든이후버전을지원합니다. 이문서에대한최신버전을확인하려면 http://www.vmware.com/kr/support/pubs 를참조하십시오. KO-002230-00 vrealize Automation
사용설명서를 읽기 전에 ios용 아이디스 모바일은 네트워크 연결을 통해 ios 플랫폼 기반의 모바일 기기(iOS 버전 6.0 이상의 ipod Touch, iphone 또는 ipad)에서 장치(DVR, 네트워크 비디오 서버 및 네트워크 카메라)에 접속하여 원격으로 영상을
IDIS Mobile ios 사용설명서 Powered by 사용설명서를 읽기 전에 ios용 아이디스 모바일은 네트워크 연결을 통해 ios 플랫폼 기반의 모바일 기기(iOS 버전 6.0 이상의 ipod Touch, iphone 또는 ipad)에서 장치(DVR, 네트워크 비디오 서버 및 네트워크 카메라)에 접속하여 원격으로 영상을 감시할 수 있는 프로그램입니다.
PowerPoint 프레젠테이션
How to produce table XHTML 임정희 M2community 1 Table of Contents 1. XHTML - XHTML 과 HTML 2. Table XHTML - Table의이해 - Table 링크연결 - Table 작성 2 15 th KCSE Editor s Workshop, Seoul 2015 XHTML XHTML 기존에사용되던 HTML
<C0CEC1F5BDC9BBE720B1E2C1D82E687770>
1. 인증심사 기준 가. 전문가 심사 기준 검사 항목별 준수율 산정 방식 번호 세부평가항목 준수율 산정 방식 비고 1 적절한 대체 텍스트 제공 준수한 콘텐츠 수 심사대상 페이지 내의 콘텐츠수 2 자막 제공 20개 이내 수집 3 색에 무관한 콘텐츠 인식 4 명확한 지시사항 제공 5 텍스트 콘텐츠의 명도 대비 6 배경음 사용 금지 7 키보드 사용 보장 8 초점
[Brochure] KOR_TunA
![[Brochure] KOR_TunA](/thumbs/95/123928128.jpg "[Brochure] KOR_TunA")
LG CNS LG CNS APM (TunA) LG CNS APM (TunA) 어플리케이션의 성능 개선을 위한 직관적이고 심플한 APM 솔루션 APM 이란? Application Performance Management 란? 사용자 관점 그리고 비즈니스 관점에서 실제 서비스되고 있는 어플리케이션의 성능 관리 체계입니다. 이를 위해서는 신속한 장애 지점 파악 /
이도경, 최덕재 Dokyeong Lee, Deokjai Choi 1. 서론
이도경, 최덕재 Dokyeong Lee, Deokjai Choi 1. 서론 2. 관련연구 2.1 MQTT 프로토콜 Fig. 1. Topic-based Publish/Subscribe Communication Model. Table 1. Delivery and Guarantee by MQTT QoS Level 2.1 MQTT-SN 프로토콜 Fig. 2. MQTT-SN
Lab1
Lab 1: HTML CSS 2015 Fall human-computer interaction + design lab. Joonhwan Lee HTML Web Server (World Wide Web: WWW)? (., FTP ). web 3 웹 구조의 이해 웹페이지 웹페이지는 HTML 이라는 언어로 만들어진 일종의 프로그램 웹페이지는 텍스트, 이미지, 동영상,
mobile_guide_SA
네이버 모바일배너 모바일 네트워트 GUIDE AD GUIDE Version 1.0 03. 적용위치 04. Appendix 목차 네이버 모바일배너 개요 1. 텍스트형 광고 2. 이미지형 광고 3. 롤링형 광고 네이버 모바일배너 개요 1. 텍스트형 광고 2. 이미지형 광고 3. 롤링형 광고 01/03 네이버 모바일배너 개요 네이버 모바일배너는 네이버 모바일 서비스
Windows Live Hotmail Custom Domains Korea
매쉬업코리아2008 컨퍼런스 Microsoft Windows Live Service Open API 한국 마이크로소프트 개발자 플랫폼 사업 본부 / 차세대 웹 팀 김대우 (http://www.uxkorea.net 준서아빠 블로그) Agenda Microsoft의 매쉬업코리아2008 특전 Windows Live Service 소개 Windows Live Service
쉽게 풀어쓴 C 프로그래밍
CHAPTER 13. HTML5 위치정보와드래그앤드롭 SVG SVG(Scalable Vector Graphics) 는 XML- 기반의벡터이미지포맷 웹에서벡터 - 기반의그래픽을정의하는데사용 1999 년부터 W3C 에의하여표준 SVG 의장점 SVG 그래픽은확대되거나크기가변경되어도품질이손상되지않는다. SVG 파일에서모든요소와속성은애니메이션이가능하다. SVG 이미지는어떤텍스트에디터로도생성하고편집할수있다.
해외전자정보서비스이용교육 EBSCO ebooks - 인터페이스상세이용방법및다운로드 ( 대출모드 ) 안내
- 인터페이스상세이용방법및다운로드 ( 대출모드 ) 안내 - 25. - EBSCO ebook 인터페이스안내 - 2 RISS- RISS 홈페이지내해외 DB 통합검색이용및각 DB 접속방법 ( 첫페이지 ) RISS 홈페이지에서해외 DB 통합검색을이용하시면, EBSCO ebook 의컨텐츠뿐만아니라, 더욱더많은타 DB 들의양질컨텐츠를함께검색하실수있습니다. 또한검색하고자하는해외
개인정보보호의 이해 및 안전한 관리 - 개인PC 및 스마트폰 개인정보보호-
개인정보보호의 이해와 안전한 관리 - 안전한 개인정보 관리- 2013. 6. 26 최 윤 형 (한국정보화진흥원) 1 안전한 개인PC 관리방법 목 차 2 안전한 스마트폰 관리방법 1. 안전한 개인PC 관리방법 정보통신 기기의 보안 위협요인 위협요소 웜, 바이러스, 악성코드, DDos공격침입, 네트워크 공격 휴대성, 이동성 오픈 플랫폼 3G, WiFi, Wibro
PowerPoint Presentation
WordPress 를이용한웹사이트만들기 2015 년 한지웅 WordPress 를이용한웹사이트만들기 Day 1 Day 2 Day 3 Day 4 Day 5 1. 웹사이트제작기초 HTLM 기본 CSS 기본 WordPress 개론 ( 웹사이트구축툴 ) 2. 웹호스팅 / 웹사이트구축 웹호스팅업체선택 cpanel 설정 WordPress 설치 3. WordPress 기초활용
MF Driver Installation Guide
Korean MF 드라이버 설치설명서 사용자 소프트웨어 CD-ROM... 드라이버 및 소프트웨어 정보...1 지원되는 운영 체제...1 MF 드라이버 및 MF Toolbox 설치... [쉬운 설치]를 사용한 설치...2 [사용자 정의 설치]를 사용한 설치...10 USB 케이블 연결(USB를 이용해 연결하는 경우만)...20 설치 결과 확인...21 온라인
HTML5 와리포팅툴구현사례
HTML5 와리포팅툴구현사례 2012.1.31 목차 I. 환경변화와 WEB II. HTML5개요 III. HTML5기반리포팅툴 ( 수행과제소개 ) ICT 발전과웹환경변화 I Smart Phone Social, SNS Open Software, Framework Web 2.0, Open API, Ajax Cloud Computing Virtualization
Microsoft PowerPoint - 권장 사양
Autodesk 제품컴퓨터사양 PRONETSOFT.CO 박경현 1 AutoCAD 시스템사양 시스템요구사양 32 비트 AutoCAD 2009 를위한시스템요구사항 Intel Pentium 4 프로세서 2.2GHz 이상, 또는 Intel 또는 AMD 듀얼 코어프로세서 16GH 1.6GHz 이상 Microsoft Windows Vista, Windows XP Home
<4D F736F F F696E74202D203137C0E55FBFACBDC0B9AEC1A6BCD6B7E7BCC72E707074>
SIMATIC S7 Siemens AG 2004. All rights reserved. Date: 22.03.2006 File: PRO1_17E.1 차례... 2 심벌리스트... 3 Ch3 Ex2: 프로젝트생성...... 4 Ch3 Ex3: S7 프로그램삽입... 5 Ch3 Ex4: 표준라이브러리에서블록복사... 6 Ch4 Ex1: 실제구성을 PG 로업로드하고이름변경......
PowerPoint Template
설치및실행방법 Jaewoo Shim Jun. 4. 2018 Contents SQL 인젝션이란 WebGoat 설치방법 실습 과제 2 SQL 인젝션이란 데이터베이스와연동된웹서버에입력값을전달시악의적동작을수행하는쿼리문을삽입하여공격을수행 SELECT * FROM users WHERE id= $_POST[ id ] AND pw= $_POST[ pw ] Internet
View Licenses and Services (customer)
빠른 빠른 시작: 시작: 라이선스, 라이선스, 서비스 서비스 및 주문 주문 이력 이력 보기 보기 고객 가이드 Microsoft 비즈니스 센터의 라이선스, 서비스 및 혜택 섹션을 통해 라이선스, 온라인 서비스, 구매 기록 (주문 기록)을 볼 수 있습니다. 시작하려면, 비즈니스 센터에 로그인하여 상단 메뉴에서 재고를 선택한 후 내 재고 관리를 선택하십시오. 목차
<4D F736F F D20284B B8F0B9D9C0CF20BED6C7C3B8AEC4C9C0CCBCC720C4DCC5D9C3F720C1A2B1D9BCBA2020C1F6C4A720322E302E646F6378>
KSKSKSKS KSKSKSK KSKSKS KSKSK KSKS KSK KS X 3253 KS 2.0 KS X 3253 2016 2016 10 20 3 ... ii... iii 1... 1 2... 1 3... 1 3.1... 1 3.2... 3 4... 3 5... 4 6... 5 7... 7 8... 7 9... 8 A ( )... 9 A.1... 9 A.2...
var answer = confirm(" 확인이나취소를누르세요."); // 확인창은사용자의의사를묻는데사용합니다. if(answer == true){ document.write(" 확인을눌렀습니다."); else { document.write(" 취소를눌렀습니다.");
자바스크립트 (JavaScript) - HTML 은사용자에게인터페이스 (interface) 를제공하는언어 - 자바스크립트는서버로데이터를전송하지않고서할수있는데이터처리를수행한다. - 자바스크립트는 HTML 나 JSP 에서작성할수있고 ( 내부스크립트 ), 별도의파일로도작성이가능하다 ( 외 부스크립트 ). - 내부스크립트 - 외부스크립트
마켓온_제품소개서_20131111.key
제품소개서 Your Expert Business Partner. CMS. Mobile. Enterprise System. 패스트스퀘어 시스템 마켓온 SNS 2013. 11. 11 Contents 1. 솔루션 개요 2. 솔루션 특징 3. 솔루션 주요기능 4. 솔루션 구성 마켓온 - 솔루션 개요 솔루션 개요 기업을 위한 유연하고 편리한 커뮤니케이션 솔루션 마켓온은
server name>/arcgis/rest/services server name>/<web adaptor name>/rest/services ArcGIS 10.1 for Server System requirements - 지
ArcGIS for Server (Windows) 설치가이드 ArcGIS 10.2 for Server 설치변경사항 1 설치 간편해진설치 -.Net Framework나 Java Runtime 요구하지않음 - 웹서버 (IIS, WebSphere ) 와별도로분리되어순수하게웹서비스기반의 GIS 서버역할 - ArcGIS Server 계정을이용한서비스운영. 더이상 SOM,
PDF_Compass_32호-v3.pdf
Design Compass는 특허청의 디자인맵 웹사이트에서 제공하는 디자인, 브랜드, 기술, 지식재산권에 관한 다양한 콘텐츠를 디자이너들의 입맛에 맞게 엮은 격월간 디자인 지식재산권 웹진입니다. * Design Compass는 저작이용이 허락된 서울서체(서울시)와 나눔글꼴(NHN)을 사용하여 제작되었습니다. 2 4 5 6 7 9 10 11 편집 / 디자인맵
정보
정보 Sangwook Lee Deogi High School III 문제해결과프로그래밍 1 추상화 2 알고리즘 3 프로그래밍 모바일프로그래밍 1. 모바일환경과기술 2. 앱인벤터 (App Inventor) 3. 앱만들기 3 1. 모바일환경과기술 학습목표 모바일환경과기술에대해설명할수있다 4 모바일디바이스 모바일디바이스란 손에들고이동하면서사용할수있는장치 다양한프로그램의설치및실행이가능한장치
Windows 10 General Announcement v1.0-KO
Windows 10 Fuji Xerox 장비와의호환성 v1.0 7 July, 2015 머리말 Microsoft 는 Windows 10 이 Windows 자동업데이트기능을통해예약되어질수있다고 6 월 1 일발표했다. 고객들은 윈도우 10 공지알림을받기 를표시하는새로운아이콘을알아차릴수있습니다. Fuji Xerox 는 Microsoft 에서가장최신운영시스템인 Windows
Student Help
시스템요구사항... 2 PC 요구사항... 2 MAC 요구사항... 2 질문과대답... 3 실행을위해필요한하드웨어또는소프트웨어는무엇입니까?... 3 Flash Player 는어떻게다운로드합니까?... 3 개인정보 ( 예 : 이름, 암호, 전자메일주소등 ) 는어떻게수정합니까?... 3 새교재는어떻게추가합니까?... 3 내교재에대한수업오디오는어떻게듣습니까?...
노트북 IT / 모바일 데스크탑 34 올인원PC 35 PC 소프트웨어 포터블SSD / SSD / 메모리카드 36 태블릿 37 휴대폰 39 PC 솔루션 IT / 모바일 IT / 모바일 노트북 29 삼성전자는 Windows 를 권장합니다. 삼성전자만의 편리하고 다양한 소프트웨어를 통해 초보자도 보다 쉽고 빠르게 이용 가능합니다. Easy Settings 삼성 패스트
Studuino소프트웨어 설치
Studuino 프로그래밍환경 Studuino 소프트웨어설치 본자료는 Studuino 프로그래밍환경설치안내서입니다. Studuino 프로그래밍 환경의갱신에따라추가 / 수정될수있습니다. 목차 1. 소개... 1 2. Windows... 2 2.1. 프로그래밍환경설치... 2 2.1.1. 웹설치버전설치방법... 2 2.2. Studuino 프로그래밍환경실행...
src.hwp
제정일: 2012년 xx월 xx일 개정일: 200x년 xx월 xx일 T T A S t a n d a r d 모바일애플리케이션접근성지침 (Mobile Application Accessibility Guidelines) TTAx.xx-xx.xxxx 제정일 : 2012년 xx월 xx일 모바일애플리케이션접근성지침 (Mobile Application Accessibility
Microsoft Word - ntasFrameBuilderInstallGuide2.5.doc
NTAS and FRAME BUILDER Install Guide NTAS and FRAME BUILDER Version 2.5 Copyright 2003 Ari System, Inc. All Rights reserved. NTAS and FRAME BUILDER are trademarks or registered trademarks of Ari System,
Overall Process
CSS ( ) Overall Process Overall Process (Contents : Story Board or Design Source) (Structure : extensible HyperText Markup Language) (Style : Cascade Style Sheet) (Script : Document Object Model) (Contents
다른 JSP 페이지호출 forward() 메서드 - 하나의 JSP 페이지실행이끝나고다른 JSP 페이지를호출할때사용한다. 예 ) <% RequestDispatcher dispatcher = request.getrequestdispatcher(" 실행할페이지.jsp");
다른 JSP 페이지호출 forward() 메서드 - 하나의 JSP 페이지실행이끝나고다른 JSP 페이지를호출할때사용한다. 예 ) RequestDispatcher dispatcher = request.getrequestdispatcher(" 실행할페이지.jsp"); dispatcher.forward(request, response); - 위의예에서와같이 RequestDispatcher
슬라이드 1
Enterprise UI Architecture Framework Natural-JS 목차 1. 엔터프라이즈어플리케이션 UI 개발기술의변화 2. 현표준웹기반엔터프라이즈 UI 개발도구현황 3. Natural-JS 아키텍처구성 4. Natural-JS 특징 5. 기대효과 6. 수행이력 7. DEMO 1. 엔터프라이즈어플리케이션 UI 개발기술의변화 2000 년대이전
목차 1. 접근성소개 ios 의접근성 (Accessibility) 의이해... 4 Ⅱ. 모바일애플리케이션접근성을고려한 ios 제작기법 인식의용이성 대체텍스트 자막, 수화등의제공 색에무관한인식
IOS 모바일애플리케이션접근성지침 2.0 제작기법 (v 1.0) 모바일애플리케이션접근성지침 2.0 (TTAK.KO-10.0634/R1, 2015 년 12 월 16 일개정 ) 을기준으로 2015. 12 디지털격차해소팀 한국정보화진흥원 1 목차 1. 접근성소개... 4 2. ios 의접근성 (Accessibility) 의이해... 4 Ⅱ. 모바일애플리케이션접근성을고려한
Modal Window
접근가능한레이어팝업 Feat. WAI-ARIA 콘텐츠연합플랫폼클라이언트개발부지성봉 Modal Window Modal Window 사용자인터페이스디자인개념에서자식윈도에서부모윈도로돌아가기전에사용자의상호동작을요구하는창. 응용프로그램의메인창의작업흐름을방해한다. Native HTML 의한계점 팝업이떴다라는정보를인지할수없다. 팝업이외의문서정보에접근이된다. 키보드 tab
소규모 비즈니스를 위한 플레이북 여기서 다룰 내용은 다음과 같습니다. 1. YouTube 소개 2. YouTube에서 비즈니스를 위한 채널 만들기 3. 눈길을 끄는 동영상 만들기 4. 고객의 액션 유도하기 5. 비즈니스에 중요한 잠재고객에게 더 많이 도달하기
소규모 비즈니스를 위한 YouTube 플레이북 YouTube에서 호소력 있는 동영상으로 고객과 소통하기 소규모 비즈니스를 위한 플레이북 여기서 다룰 내용은 다음과 같습니다. 1. YouTube 소개 2. YouTube에서 비즈니스를 위한 채널 만들기 3. 눈길을 끄는 동영상 만들기 4. 고객의 액션 유도하기 5. 비즈니스에 중요한 잠재고객에게 더 많이 도달하기
< FBFF9B0A320BEC7BCBAC4DAB5E520C0BAB4D0BBE7C0CCC6AE20C5BDC1F620B5BFC7E220BAB8B0EDBCAD283131BFF E302028C8A8C6E4C0CCC1F620BEF7B
월간악성코드은닉사이트탐지 동향보고서 (11 월 ) 2012. 12. 침해사고대응단 인터넷침해대응센터 < 목차 > 1. 악성코드은닉동향요약 1 2. 홈페이지은닉형악성코드통계 2 - 유포지탐지 국가별현황 2 - 대량경유지가탐지된유포지 TOP10 3 - 악성코드유형별비율 4 - 악성코드취약점유형별비율 4 - 악성코드수집및분석결과 5 - 경유지탐지 업종별비율 10
HLS(HTTP Live Streaming) 이용가이드 1. HLS 소개 Apple iphone, ipad, ipod의운영체제인 ios에서사용하는표준 HTTP 기반스트리밍프로토콜입니다. 2. HLS 지원대상 - 디바이스 : iphone/ipad/ipod - 운영체제 :
HLS(HTTP Live Streaming) 이용가이드 1. HLS 소개 Apple iphone, ipad, ipod의운영체제인 ios에서사용하는표준 HTTP 기반스트리밍프로토콜입니다. 2. HLS 지원대상 - 디바이스 : iphone/ipad/ipod - 운영체제 : ios 3.0 이상 - 콘텐츠형식 : MP4 (H264,AAC ), MP3 * 디바이스별해상도,
PG 605 워크숍 [ ) 모바일접근성 (Mobile Accessibility] 한국정보화진흥원현준호책임 Twitter 현준호
![PG 605 워크숍 [ ) 모바일접근성 (Mobile Accessibility] 한국정보화진흥원현준호책임 Twitter 현준호](/thumbs/100/148038737.jpg "PG 605 워크숍 [ ) 모바일접근성 (Mobile Accessibility] 한국정보화진흥원현준호책임 Twitter 현준호")
PG 605 워크숍 [2010. 8. 26) 모바일접근성 (Mobile Accessibility] 한국정보화진흥원책임 (jhyun22@nia.or.kr, Twitter : @jhyun22 http://jhyun.wordpress.com/) 1. 들어가기 전세계인구의 10% (6 억 5 천만명 ) ( 출처 : UN ENABLE Websites, http://www.un.org/disabilities/default.asp?id=18
WebRTC 플러그인이 필요없는 웹폰 새로운 순수 VoIP 클라이언트 기반의 최신 WebRTC 기술은 기존 레가시 자바 클라이언트를 대체합니다. 새로운 클라이언트는 윈도우/리눅스/Mac 에서 사용가능하며 Chrome, Firefox 및 오페라 브라우저에서는 바로 사용이
WebRTC 기능이 채택된 ICEWARP VERSION 11.1 IceWarp 11.1 은 이메일 산업 부문에 있어 세계 최초로 WebRTC 음성 및 비디오 통화 기능을 탑재하였으며 이메일 산업에 있어 최선두의 제품입니다. 기업의 필요한 모든 것, 웹 브라우저 하나로 가능합니다. WebRTC 플러그인이 필요없는 웹폰 새로운 순수 VoIP 클라이언트 기반의 최신
- 1 -
차세대정보시스템구축개발사업 을위한 제안요청서 ( 안 ) < > - 1 - - 2 - - 3 - - 4 - - 5 - - 6 - - 7 - - 8 - - 9 - - 10 - - 11 - - 12 - - 13 - - 14 - - 15 - - 16 - - 17 - - 18 - - 19 - - 20 - - 21 - - 22 - - 23 - - 24 - - 25 -
JAVA 프로그래밍실습 실습 1) 실습목표 - 메소드개념이해하기 - 매개변수이해하기 - 새메소드만들기 - Math 클래스의기존메소드이용하기 ( ) 문제 - 직사각형모양의땅이있다. 이땅의둘레, 면적과대각
JAVA 프로그래밍실습 실습 1) 실습목표 - 메소드개념이해하기 - 매개변수이해하기 - 새메소드만들기 - Math 클래스의기존메소드이용하기 ( http://java.sun.com/javase/6/docs/api ) 문제 - 직사각형모양의땅이있다. 이땅의둘레, 면적과대각선의길이를계산하는메소드들을작성하라. 직사각형의가로와세로의길이는주어진다. 대각선의길이는 Math클래스의적절한메소드를이용하여구하라.
<4D F736F F D D31312D30312D53572D30312DBBE7BFEBC0DABCB3B8EDBCAD5FBFDCBACEB9E8C6F7BFEB2E646F63>
SAM4S Printer Driver Installer 달리명시하지않은한, 인쇄또는복사된문서는통제하지않는문서임 목 차 1. 1. WINDOWS DRIVER INSTALLER 설치 설치...... 2 2. 프린터추가...... 5 3. 프린터제거...... 19 4. 프린터추가 / 제거선택...... 21 5. 프로그램추가 / 제거...... 21 SHC- 11-01-
SBR-100S User Manual
( 1 / 25 ) SBR-200S 모델에 대한 Web-CM 사용을 위한 방법을 안내해 드립니다. 아래 안내 사항은 제품의 초기 설정값을 기준으로 작성되어 있습니다. 1. Web-CM 이띾? SBR-200S 의 WIFI, LTE 의 상태 확인 및 설정을 변경하기 위해서는 Web-CM 을 사용해야 하며, Web-CM 은 SBR-200S 에 연결된 스마트폰이나
경우 1) 80GB( 원본 ) => 2TB( 복사본 ), 원본 80GB 는 MBR 로디스크초기화하고 NTFS 로포맷한경우 복사본 HDD 도 MBR 로디스크초기화되고 80GB 만큼포맷되고나머지영역 (80GB~ 나머지부분 ) 은할당되지않음 으로나온다. A. Window P
Duplicator 는기본적으로원본하드디스크를빠르게복사본하드디스크에복사하는기능을하는것입니다.. 복사본 하드디스크가원본하드디스크와똑같게하는것을목적으로하는것이어서저용량에서고용량으로복사시몇 가지문제점이발생할수있습니다. 하드디스크는사용하려면, 디스크초기화를한후에포맷을해야사용가능합니다. Windows PC는 MBR과 GPT 2 개중에 1개로초기화합니다. -Windows
PowerPoint Presentation
웹과인터넷활용및실습 (Web & Internet) Suan Lee - 웹과인터넷활용및실습 (Web & Internet) - 04. CSS3 스타일속성기본 1 04. CSS3 스타일속성 04. CSS3 Style Properties - 웹과인터넷활용및실습 (Web & Internet) - 04. CSS3 스타일속성기본 2 CSS3 단위 1 CSS 는각각의스타일속성에다양한값을입력
PowerPoint 프레젠테이션
Html 은웹에서 text, images, movie 등다양한정보의요소를 담을수있는문서형식이다. 정보 (txt, imges) 전송 = 동일한어플리케이션 = 정보 (txt, imges) 정보 (txt, imges Movie, 동작 ) 정보 (txt, imges movie) 어플리케이션 웹브라우저 HTML5 는기존 HTML 에차별화된특징을가진 최신버전의웹표준언어.
INDEX 들어가기 고민하기 HTML(TABLE/FORM) CSS JS
개발자에게넘겨주기편한 TABLE&FORM 마크업 김남용 INDEX 들어가기 고민하기 HTML(TABLE/FORM) CSS JS 들어가기 이제는 ~ 서로간의이슈웹표준 & 웹접근성왜웹표준으로해야할까요? 모든웹페이지는 ~ 퍼블리싱순서 이제는 ~ 디자이너 디자이너 퍼블리셔 Front-end (UI 개발자 ) 퍼블리셔 Front-end (UI 개발자 ) 서버개발자 서버개발자
PowerPoint 프레젠테이션
Copyright NICE Information Service all rights reserved. OneClick 4.0 사용자매뉴얼 Copyright NICE Information Service all rights reserved. Copyright NICE Information Service all rights reserved.... 4. 제출가능서류
로거 자료실
redirection 매뉴얼 ( 개발자용 ) V1.5 Copyright 2002-2014 BizSpring Inc. All Rights Reserved. 본문서에대한저작권은 비즈스프링 에있습니다. - 1 - 목차 01 HTTP 표준 redirect 사용... 3 1.1 HTTP 표준 redirect 예시... 3 1.2 redirect 현상이여러번일어날경우예시...
안전을 위한 주의사항 2 경고 상세내용 4 SMP 이용자 7대 안전수칙 6 불법조작금지 6 Dolby, DTS, SRS, DivX 7 사용자 설명서 가이드 10 구성품 확인 12 각 부분의 명칭과 기능 13 SMP의 올바른 사용법 14 구성품 사용안내 14 SMP 전원 켜기/끄기 16 터치스크린 사용안내 17 통신환경 설정 20 SMP 시작하기 22 홈 스크린
160322_ADOP 상품 소개서_1.0
상품 소개서 March, 2016 INTRODUCTION WHO WE ARE WHAT WE DO ADOP PRODUCTS : PLATON SEO SOULTION ( ) OUT-STREAM - FOR MOBILE ADOP MARKET ( ) 2. ADOP PRODUCTS WHO WE ARE ADOP,. 2. ADOP PRODUCTS WHAT WE DO ADOP,.
AutoCAD® WS
AutoCAD WS 질문과답변 목차 1. 일반제품정보... 2 1.2 누가 AutoCAD WS를사용합니까?... 2 1.3 AutoCAD WS로무엇을할수있습니까?... 2 1.4 AutoCAD WS는 AutoCAD 사용자만을위한것입니까, 아니면어느누구라도사용할수있습니까?... 2 1.5 AutoCAD WS는어떤방식으로 AutoCAD 소프트웨어와함께작동합니까?...