성균관대학교시스템경영공학과 (6.2) 웹접근성이해및지침소개 한국정보화진흥원 웹접근성지원부현준호

Size: px
Start display at page:

Download "성균관대학교시스템경영공학과 (6.2) 웹접근성이해및지침소개 한국정보화진흥원 웹접근성지원부현준호"

Transcription

1 성균관대학교시스템경영공학과 (6.2) 웹접근성이해및지침소개 한국정보화진흥원 웹접근성지원부 Jhyun22@kado.or.kr

2 1. 들어가기 -1 기술이사람을도와준다!! 기술이사람을 바보로만든다!! - 리모트콘트롤, 휴대폰, 웹사이트를 부모님이, 아이들이, 선생님이어떻게이용하십니까? 1

3 1. 들어가기 -2 맹자 牛山之木 ( 우산지목 ) 성선설 우산의나무들은일찍이아름다웠다. 하지만, 사람들은우산에는나무가없다라고믿음 Tim Berners-Lee ( 웹의창시자 ) "The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect." u 하지만, 우리의웹은현재어떠한가? 2

4 1. 들어가기 웹접근성제고 = 인터넷상의경사로를만들어주자 다리가아플때 축구, 등산을하고난뒤 무거운짐을들고다닐때등 키보드를활용하지못할때 저사양컴퓨터, 모뎀등통신환경이좋지않을때 시끄러운환경에놓여일을때동영상보기등 웹접근성소개동영상 : 3

5 2. 인터넷웹콘텐츠접근성지침 인터넷웹콘텐츠접근성지침개요 u개발자 : 김석일교수 ( 충북대학교 ) 외 4인 & KADO u 참고지침 : 미국재활법 508조기준 & W3C WAI WCAG 1.0 TTA 단체표준으로상정하여, 2004년 12월표준채택, 2005년 12월국가표준 u 구성 : 4개지침 14개세부항목 - 인식의용이성 (Perceivable), 운용의용이성 (Operable), 이해의용이성 (Understandable), 기술적진보성 (Robust) 웹접근성향상을위한국가표준기술가이드라인 u 개발 : 2008 년 9 월 ~ 2009 년 3 월 (3 월 18 일발표 ) u 구성 : 이미지에대한대체텍스트제공등 18 개로구성 4

6 체크리스트 1 (1) 이미지의의미나목적을이해할수있도록적절한대체텍스트를제공해야한다. 의미가있는이미지의경우대체텍스트를의미나기능이동일하게제공 의미가없는이미지의경우대체텍스트를공백 (alt="") 으로제공 위반사례 5

7 부적절한사례 Recommendation 음성으로서비스제공 6

8 준수방안 1. 웹접근성자동평가도구를통한점검 ( 다운로드 ) - KADO-WAH 이용 (100% 달성 ) 7

9 2. 수동평가 : 적절한대체텍스트제공여부 - 웹개발기관이공공기관의담당자를무시하고대체텍스트를단순히제공하는수준에머무르는경우가많음 ( 단순파일명제공, ~ 하십시요 등의경어체사용등의사례다수발생 ) - 이에소스분석, 브라우저, Firefox Web Developer Extension을통한수동점검필요 8

10 u 명쾌하고짧은대체텍스트를제공하자!! - 링크, 여기, 클릭 등의단어는사용하지말자 - ~ 하십시요, ~ 됩니다 등친절한 (?) 설명을자제하고짧게 - 사진 1, 사진 2, 사진 3 등무의미한대체텍스트를지양 - 파일명을대체텍스트로제공하지마라!! u 신규 & 이용자가올리는이미지에대한대체텍스트제공방안마련 u 보안, 메일링서비스, 회원가입인증등부가서비스에도대체텍스트제공 9

11 체크리스트 2 배경이미지가의미를갖는경우, 배경이미지의의미를이해 할수있도록대체콘텐츠를제공해야한다. 의미가있는이미지는배경이미지로사용하지않는것이바람직함 배경이미지활용 10

12 준수방안 구분 평가방법 1 브라우저에서전체콘텐츠설정해보기 : Ctrl + A 1) 배경이미지 찾기 ( 이미지중에서선택되지않는영역찾기 ) 2 전체콘텐츠에서설정되지않는이미지를찾아이미지영역에서 - Firefox 브라우저오른쪽마우스클릭 배경그림보기 선택 2) 정보를이미지만 으로제공하는 지의여부평가 1 스타일을제거하여배경이미지의대체정보를제공하는지여부를평가 (Firefox 브라우저메뉴 보기 -> 문서스타일 --> 스타일제거 선택 ) --> 스타일제거후, 정보가동일하면준수 --> 스타일제거후, 정보가동일하지않으면, 미준수 11

13 동영상, 음성등멀티미디어콘텐츠를이해할수있도록대체체크리스트수단 ( 자막, 원고또는수화 ) 를제공해야한다. 3 * 실시간방송이라도대체수단을제공하여야하나, 예외로인정할수있음 위반사례 12

14 Best Practices

15 준수방안 동영상에대한자막, 원고또는수화제공여부점검 * UCC 에대한유투브사례 ( 14

16 체크리스트색상을배제하여도원하는내용을전달할수있도록, 색상이 4 외에도명암이나패턴으로콘텐츠구분이가능해야한다. 사례 1 : ** 청홈페이지 ( 색깔만으로정보제공 ) 사례 2 : Jim Thatcher 홈페이지 ( 색깔과특수문자 (*) 동시제공 ) X 15

17 부적절한사례 16

18 준수방안 후지쯔 Color Doctor ( 색맹시험 ) Vischeck 흑백프린터로출력할경우콘텐츠인식에문제가없는지? 17

19 서버측이미지맵을제공할경우, 해당내용및기능을사용할체크리스트수있는대체콘텐츠를제공해야한다. 5 * 지리정보시스템 (GIS) 은예외로인정할수있음 18

20 준수방안 1) 가능한서버측이미지맵을사용하지말고클라이언트측이미지맵사용 2) 서버측이미지맵사용여부점검 : 페이지소스에서 ismap 사용여부를점검 3) 서버측이미지맵을사용할경우 - 키보드로이용이가능한대체수단이있는지점검 19

21 체크리스트프레임을제공할경우, 프레임의내용을이해할수있도록적절 6 한제목 (title 속성 ) 을제공해야한다. 20

22 준수방안 1) 웹접근성자동평가도구를통한점검 - KADO-WAH 이용 (100% 달성 ) 2) 적절한프레임제목을부여하였는지평가할것!! - 개발사에서자동평가도구만을통과하도록많이제작함 - 페이지소스에서 <frmae> 또는 <iframe> 등을찾아, 프레임에적합한 <title> 을제공하는지파악할것!! 3) 프레임은한페이지에서가급적최소한으로사용하는것이바람직 21

23 깜빡이는콘텐츠를제공할경우, 사전에경고하고깜빡임을체크리스트회피할수있는수단을제공해야한다. 7 깜박임기준 : 초당 3~49번을깜박이는콘텐츠 22

24 체크리스트 8 모든기능을키보드로이용할수있어야한다. 23

25 준수방안 o tab 키를이용하여모든기능에접근할수있는지를파악!! - <shift> + <tab> 로거꾸로이동할수있는지를파악!! 부적절한사례 24

26 체크리스트반복되는링크를건너뛸수있도록건너뛰기링크 9 (skip navigation) 를제공해야한다. 웹콘텐츠는반복적인네비게이션링크를뛰어넘어페이지의핵심부문으로직접이동할수있도록구성하여야한다 웹콘텐츠상에반복적네비게이션링크 사례 1 : CNN 홈페이지 ( 뉴스로바로이동 ) 개체가포함되어있으며, 이링크객체가콘텐츠의핵심부문보다먼저읽어주도록구성된경우에는이들링크들의읽기를생략하고직접콘텐츠의메인부문으로직접이동할수있도록링크를제공 25

27 준수방안 26

28 체크리스트 시간제한이있는콘텐츠를제공할경우, 시간제어기능을 10 제공해야한다. 예외사항 : 경매, 실시간게임등과같이시간제한이필수적인콘텐츠 27

29 체크리스트 새창 ( 팝업창포함 ) 을제공할경우, 사용자에게사전에알려야 11 한다. 28

30 체크리스트데이터테이블을제공할경우, 테이블의내용을이해할수있는 12 정보 ( 제목, 요약정보등 ) 를제공해야한다. <table class="data" summary= 부산지역의 3 일간의일기예보로, 날씨와예상기온과 강수확률정보를제공 "> <caption> 부산지역의 3 일간일기예보 </caption> B A 29

31 체크리스트 13 데이터테이블을제공할경우, 제목셀과내용셀을구분할수 있어야한다. 제목영역 : <th> <table> <thead> <tr> <th> 번호 </th> <th> 제목 </th> <th> 파일 </th> <th> 작성자 </th> <th> 작성일 </th> <th> 조회 </th> 내용영역 : <td> 30

32 체크리스트해당페이지를잘이해할수있도록페이지제목 (<title>) 을제공 14 해야한다. 준수사례 31

33 체크리스트콘텐츠는논리적인순서로구성되어야한다. 15 평가사항 : 콘텐츠간의배치순서, Tab 이동의논리적순서, 서식 (form) 간의 이동순서

34 체크리스트온라인서식을제공할경우, 레이블 (<label>) 을제공해야한다

35 애플릿, 플러그인 (ActiveX, 플래시 ) 등부가애플리케이션이제공체크리스트하는경우, 해당애플리케이션이자체적인접근성을준수하거나 17 또는사용자가대체콘텐츠를선택하여이용할수있어야한다. 34

36 체크리스트마크업언어로구현할수있는기능 ( 링크, 서식, 버튼, 페이지 18 제목 ) 을자바스크립트로만구현하지말아야한다 Firefox Web Developer extension u Disable 메뉴 : Disable JavaScript 를설정 à 신기술사용 ( 지침 13 번 ) 점검가능 35

37 4. 웹접근성평가방법 u 평가전략 1 : IE 외의브라우저를다운로드받자!! 한국모질라프로젝트 오페라브라우저 36

38 4. 웹접근성평가방법 u 평가전략 2 : 인터넷웹콘텐츠접근성지침을알아보자!! - 지침에대한대략적인이해 ( 정보통신접근성향상표준화포럼 ( ) 웹사이트자료실에서다운로드가능 ew.asp?board=wal&pg=3&bseq =2230&md=&sf=&ss= /StandardView.asp?boar d=relatstand&pg=2&bseq =632&md=&sf=&ss= View.asp?board=notice&bs eq=

39 4. 웹접근성평가방법 u 평가전략 3 : 자동평가도구를활용하자!! 정보통신접근성향상표준화포럼 Firefox Web Developer extension 38

40 4. 웹접근성평가방법 Firefox Web Developer extension u Disable 메뉴 : Disable JavaScript 를설정 à 신기술사용 ( 지침 13 번 ) 점검가능 u CSS 메뉴 : Disable Style à All style 지정 -> 페이지의논리적구성 ( 지침 11) 점검가능 u Image 메뉴 : Display alt attributes, Outline image à images without alt attributes à 대체텍스트제공 ( 지침 1) 여부점검가능 u Tools 메뉴 : Validate HTML, Section 508, WAI à 웹접근성관련표준준수여부자동평가 39

41 4. 웹접근성평가방법 q 웹접근성 Toolbar 이용 o AIS : o WAVE : 40

42 4. 웹접근성평가방법 q 기타웹접근성평가프로그램 - 현재한국어제품으로는한국정보문화진흥원에서제공하는 KADO- WAH, A-Prompt 한국어버전, 우리인터넷 Coolcheck 등이있음 * 기타해외관련프로그램은 참고 41

43 5. 결론 Back to the Basic 장애인, 노인등모든사람이 (Possible) Universal Design Accessibility 손쉽게이용하며 (Easy) Usability 원하는것을빨리 (Fast) 할수있는웹사이트로 Customer Satisfaction 42

44 5. 결론 ü 장애인, 노인등도우리사회의구성원으로생각하는인식의 전환이필요 ü 기술이사람을편리하게도와주는세상만들기! - 사람이기술에적응하는일이더이상발생하지않도록!! ü 장애인, 노인등은배려및시혜의대상 ( 생색내기 ) 이아니라 à 새로운고객으로인식을전환할필요!! 3E( 모두가손쉽게원하는것을얻을수있는 )-Based IT Everyone Easy of use Effectiveness 43

45 5. 결론 묻자, 묻자, 묻자!! (Just Ask) & 1명, 2명, 4명, 8명...( 다단계 ) (Amway s way) 함께해요!! If I can get another 10 engineers motivated to work on accessibility, he said, it is a huge win. - Google T.V Raman, New York Times( ) 44

46 5. 결론 CSR (Corporate Social Responsibility) u IT 회사의바람직한사회공헌? à자사의제품과서비스를접근성있게제공 u IT 개발자의멋있는사회공헌? à 접근성표준을준수한제품과서비스개발 45

47 5. 결론 My Web My Way 46

48 6. 결론 ü Web(IT) for everyone ü Cooperation between developer and users 같이 (Together) 접근성 [ 가치 ] 가치 (Value) ü Think Different à Innovation à Making $$$$ ü Corporate (Individual) Social Responsibility ü Machine (Technology) helps you 47

49 참고 웹접근성연구소사이트개편 : ü 웹접근성자문 : Q&A ( 웹접근성관련어떤질문이라도가능 ) ü 웹접근성품질마크소개 ( 인증 ) ( 품질마크기준등제공 ) ü 제작기법소개등 48

50 감사합니다 문의처 : ( ) jhyun22@kado.or.kr

1. 들어가기 축구 웹 축구를잘하려면, 기본은? 체력이좋아야지요!! 1

1. 들어가기 축구 웹 축구를잘하려면, 기본은? 체력이좋아야지요!! 1 HTML 5 오픈컨퍼런스 (2010. 7. 2) 웹콘텐츠접근성지침 2.0 개요 한국정보화진흥원책임 (jhyun22@nia.or.kr, Twitter : @jhyun22 http://jhyun.wordpress.com/) 1. 들어가기 축구 웹 축구를잘하려면, 기본은? 체력이좋아야지요!! 1 1. 들어가기 축구 웹 좋은웹이될려면, 기본은? 표준과접근성을지켜야지요!!

More information

CSS Design Korea( ) 웹콘텐츠접근성지침 2.0 개요 한국정보화진흥원 정보접근지원부현준호책임 현준호

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% 는개발도상국에!! (

More information

숙명여대정책산업대학원 (4.2) 웹접근성의이해및추진전략 한국정보문화진흥원 접근기획팀현준호

숙명여대정책산업대학원 (4.2) 웹접근성의이해및추진전략 한국정보문화진흥원 접근기획팀현준호 숙명여대정책산업대학원 (4.2) 웹접근성의이해및추진전략 2008. 4 한국정보문화진흥원 접근기획팀 Jhyun22@kado.or.kr Question???? 웹접근성에대해궁금한 사항이무엇입니까? 1. 들어가기 사상누각 ( 沙上樓閣 ) 모래위에집을짓듯이기초를든든하게하지않으면아무리잘짓고정성을들여도금방무너져노력이허사가되고만다는뜻 경영, 투자, 스포츠등모든부문에서 기본과원칙준수가매우중요

More information

접근성과 웹 The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect. Tim Berners-Lee, the inventor

접근성과 웹 The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect. Tim Berners-Lee, the inventor 웹 접근성 : 최근 동향 신정식 jshin@i18nl10n.com 2006-06-29 웹 접근성 : 최근 동향 2 / 30 신정식 접근성과 웹 The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect. Tim Berners-Lee,

More information

untitled

untitled 모두가함께하는따뜻한인터넷세상을위하여 - 웹접근성 한국정보문화진흥원현준호전임연구원 (jhyun22@kado.or.kr) 인터넷부실공사?? 성수대교, 삼풍백화점붕괴등으로인해우리들은원칙과기본이얼마나중요한것인지를느끼게되었다. 이러한부실공사로인해불특정다수가얼마나많은심리적물질적피해를받았는지는새삼강조하지않아도될것이다. 이러한물리적공간또는산업사회에서의부실공사문제와더불어우리가간과하지말아야할것이있다.

More information

Windows 8에서 BioStar 1 설치하기

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

More information

XSS Attack - Real-World XSS Attacks, Chaining XSS and Other Attacks, Payloads for XSS Attacks

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 취약점을 다른 취약점과 연계하여

More information

C스토어 사용자 매뉴얼

C스토어 사용자 매뉴얼 쪽지 APP 디자인적용가이드 I. 쪽지 APP 소개 2 I. 쪽지 APP 소개 쪽지 APP 을통해쇼핑몰의특정회원또는특정등급의회원그룹에게 알림메시지나마케팅을위한쪽지를발송하실수있습니다. 쪽지 APP의주요기능 1. 전체회원, 특정ID, 특정회원그룹별로쪽지발송가능 2. 발송예약기능 3. 발송한쪽지에대해수신및열람내역조회가능 4. 쇼핑몰페이지에서쪽지함과쪽지알림창제공 3

More information

src.hwp

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일 한국형웹콘텐츠접근성지침

More information

한국정보통신표준 KICS.OT /R1 제정일 : 2010 년 12 월 31 일 한국형웹콘텐츠접근성지침 2.0 Korean Web Content Accessibility Guidelines 2.0 방송통신위원회

한국정보통신표준 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. 표준의목적 본표준은장애인이비장애인과동등하게웹콘텐츠에접근할수있는웹콘텐츠를제작하는방법에관하여기술하고있다. 이표준에포함된지침들은웹콘텐츠저자, 웹사이트설계자및웹콘텐츠개발자들이관련된지침을준수하여접근성

More information

Web Scraper in 30 Minutes 강철

Web Scraper in 30 Minutes 강철 Web Scraper in 30 Minutes 강철 발표자 소개 KAIST 전산학과 2015년부터 G사에서 일합니다. 에서 대한민국 정치의 모든 것을 개발하고 있습니다. 목표 웹 스크래퍼를 프레임웍 없이 처음부터 작성해 본다. 목표 웹 스크래퍼를 프레임웍 없이 처음부터 작성해 본다. 스크래퍼/크롤러의 작동 원리를 이해한다. 목표

More information

서현수

서현수 Introduction to TIZEN SDK UI Builder S-Core 서현수 2015.10.28 CONTENTS TIZEN APP 이란? TIZEN SDK UI Builder 소개 TIZEN APP 개발방법 UI Builder 기능 UI Builder 사용방법 실전, TIZEN APP 개발시작하기 마침 TIZEN APP? TIZEN APP 이란? Mobile,

More information

vRealize Automation용 VMware Remote Console - VMware

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

More information

HTML5* Web Development to the next level HTML5 ~= HTML + CSS + JS API

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

More information

Eclipse 와 Firefox 를이용한 Javascript 개발 발표자 : 문경대 11 년 10 월 26 일수요일

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

More information

Modal Window

Modal Window 접근가능한레이어팝업 Feat. WAI-ARIA 콘텐츠연합플랫폼클라이언트개발부지성봉 Modal Window Modal Window 사용자인터페이스디자인개념에서자식윈도에서부모윈도로돌아가기전에사용자의상호동작을요구하는창. 응용프로그램의메인창의작업흐름을방해한다. Native HTML 의한계점 팝업이떴다라는정보를인지할수없다. 팝업이외의문서정보에접근이된다. 키보드 tab

More information

제이쿼리 (JQuery) 정의 자바스크립트함수를쉽게사용하기위해만든자바스크립트라이브러리. 웹페이지를즉석에서변경하는기능에특화된자바스크립트라이브러리. 사용법 $( 제이쿼리객체 ) 혹은 $( 엘리먼트 ) 참고 ) $() 이기호를제이쿼리래퍼라고한다. 즉, 제이쿼리를호출하는기호

제이쿼리 (JQuery) 정의 자바스크립트함수를쉽게사용하기위해만든자바스크립트라이브러리. 웹페이지를즉석에서변경하는기능에특화된자바스크립트라이브러리. 사용법 $( 제이쿼리객체 ) 혹은 $( 엘리먼트 ) 참고 ) $() 이기호를제이쿼리래퍼라고한다. 즉, 제이쿼리를호출하는기호 제이쿼리 () 정의 자바스크립트함수를쉽게사용하기위해만든자바스크립트라이브러리. 웹페이지를즉석에서변경하는기능에특화된자바스크립트라이브러리. 사용법 $( 제이쿼리객체 ) 혹은 $( 엘리먼트 ) 참고 ) $() 이기호를제이쿼리래퍼라고한다. 즉, 제이쿼리를호출하는기호 CSS와마찬가지로, 문서에존재하는여러엘리먼트를접근할수있다. 엘리먼트접근방법 $( 엘리먼트 ) : 일반적인접근방법

More information

아이콘의 정의 본 사용자 설명서에서는 다음 아이콘을 사용합니다. 참고 참고는 발생할 수 있는 상황에 대처하는 방법을 알려 주거나 다른 기능과 함께 작동하는 방법에 대한 요령을 제공합니다. 상표 Brother 로고는 Brother Industries, Ltd.의 등록 상

아이콘의 정의 본 사용자 설명서에서는 다음 아이콘을 사용합니다. 참고 참고는 발생할 수 있는 상황에 대처하는 방법을 알려 주거나 다른 기능과 함께 작동하는 방법에 대한 요령을 제공합니다. 상표 Brother 로고는 Brother Industries, Ltd.의 등록 상 Android 용 Brother Image Viewer 설명서 버전 0 KOR 아이콘의 정의 본 사용자 설명서에서는 다음 아이콘을 사용합니다. 참고 참고는 발생할 수 있는 상황에 대처하는 방법을 알려 주거나 다른 기능과 함께 작동하는 방법에 대한 요령을 제공합니다. 상표 Brother 로고는 Brother Industries, Ltd.의 등록 상표입니다. Android는

More information

PowerPoint 프레젠테이션

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

More information

SIGIL 완벽입문

SIGIL 완벽입문 누구나 만드는 전자책 SIGIL 을 이용해 전자책을 만들기 EPUB 전자책이 가지는 단점 EPUB이라는 포맷과 제일 많이 비교되는 포맷은 PDF라는 포맷 입니다. EPUB이 나오기 전까지 전 세계에서 가장 많이 사용되던 전자책 포맷이고, 아직도 많이 사 용되기 때문이기도 한며, 또한 PDF는 종이책 출력을 위해서도 사용되기 때문에 종이책 VS

More information

INDEX 들어가기 고민하기 HTML(TABLE/FORM) CSS JS

INDEX 들어가기 고민하기 HTML(TABLE/FORM) CSS JS 개발자에게넘겨주기편한 TABLE&FORM 마크업 김남용 INDEX 들어가기 고민하기 HTML(TABLE/FORM) CSS JS 들어가기 이제는 ~ 서로간의이슈웹표준 & 웹접근성왜웹표준으로해야할까요? 모든웹페이지는 ~ 퍼블리싱순서 이제는 ~ 디자이너 디자이너 퍼블리셔 Front-end (UI 개발자 ) 퍼블리셔 Front-end (UI 개발자 ) 서버개발자 서버개발자

More information

Korea Communications Standard 방송통신표준 개정일 : 2015 년 3 월 31 일 한국형웹콘텐츠접근성지침 2.1 Korean Web Content Accessibility Guidelines 2.1 미래창조과학부국립전파연구원 개정일 : 2015 년 3 월 31 일 한국형웹콘텐츠접근성지침 2.1 Korean Web Content Accessibility

More information

1

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

More information

슬라이드 1

슬라이드 1 모바일애플리케이션 접근성지침소개 2013 1. 들어가기 모바일접근성에대한관심을갖게된계기 시각장애인들도터치방식의스마트폰을이용할수있는가??? 2 1. 들어가기 모바일접근성에혜택 3 1. 들어가기 TTS(Text To Speech) 시각장애인들을위한음성합성기술 < VoiceOver > < Talkback > 4 1. 들어가기 영상통화 청각장애인들에게소통의폭을넓히다

More information

<4D F736F F D20284B B8F0B9D9C0CF20BED6C7C3B8AEC4C9C0CCBCC720C4DCC5D9C3F720C1A2B1D9BCBA2020C1F6C4A720322E302E646F6378>

<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...

More information

슬라이드 1

슬라이드 1 전자정부사업관리직무역량교육 웹호환성및웹접근성의이해 2015.5.19 류영일수석 개념정리 개념정리 3 웹표준 웹접근성 < 상황 1> 제안회의 류과장 : 김대리 ~ 이번프로젝트웹접근성프로젝트니까핵심잘맞춰서제안서쓰세요김대리 : 네그럼 3종브라우저맞추고, Active-X는사용하지않도록하겠습니다. 개념정리 4 목적 웹접근성 웹호환성 수단 웹표준 WWW 관련표준스펙 CSS,

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 발간사 누구에게나평등한온라인세상을꿈꾸는케이티가웹접근성백서를발간하였습니다. 케이티가온라인사이트에대해웹접근성을도입하고자했을때, 웹접근성기준을수립하고, 어떻게적용해야할것인가에대해많은고민과노력이필요하였습니다. 특히, 많은개발자의인식부족과담당부서의지속적인관리에대한의지가무엇보다중요하다는사실을깨닫고, 하루라도더, 한사람이라도더많이웹접근성적용에대한인식을같이하여, 참여할수있도록그간의노하우를정리해보았습니다.

More information

SBR-100S User Manual

SBR-100S User Manual ( 1 / 13 ) SBR-100S 모델에 대한 사용자 펌웨어 업그레이드 방법을 안내해 드립니다. SBR-100S 는 신규 펌웨어가 있을시 FOTA(자동업데이트) 기능을 통하여 자동 업그레이드가 되며, 필요시 사용자가 신규 펌웨어를 다운받아 수동으로 업그레이드 할 수 있습니다. 1. 준비하기 1.1 연결 장치 준비 펌웨어 업그레이드를 위해서는 SBR-100S

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 지능정보화사회로의발전이생활을편리하고효율적으로바꿔주지만일자리파 괴, 디지털격차등또다 른경제적불평등의우려가크다, 노인, 장애인, 여성등취약계층이변화과정에 서소외되지않도록정책적 배려가있어야하겠다. ( 17.10. 11, 4 차산업혁명위원회출범식, 문재인대통령인사말씀 ) 17 년기준, 정보소외계층의디지털정보화수준은일반국민의 65.1% 수준 디지털접근수준 (91%),

More information

포맷

포맷 19차시 : SNS 활용사례와 의미 1) SNS의 정의와 유형 1 SNS의 정의와 역할 소셜 네트워크 서비스(Social Network Service, SNS)는 인터넷과 SNS에 올리는 투표 인증샷 행위로도 이미 사회적 영향력이 확인된 서비스 형태이다. 여기에 포함 되는 미디어는 트위터(twitter)와 페이스북(facebook), 마이스페이스(MySpace),

More information

周 縁 の 文 化 交 渉 学 シリーズ 3 陵 墓 からみた 東 アジア 諸 国 の 位 相 朝 鮮 王 陵 とその 周 縁 머리말 조선시대에 왕(비)이 사망하면 그 육신은 땅에 묻어 陵 을 조성하고, 삼년상이 지나면 그 혼을 국가 사당인 종묘에 모셔 놓았다. 양자는 모두 국가의

周 縁 の 文 化 交 渉 学 シリーズ 3 陵 墓 からみた 東 アジア 諸 国 の 位 相 朝 鮮 王 陵 とその 周 縁 머리말 조선시대에 왕(비)이 사망하면 그 육신은 땅에 묻어 陵 을 조성하고, 삼년상이 지나면 그 혼을 국가 사당인 종묘에 모셔 놓았다. 양자는 모두 국가의 조선초기 왕릉제사의 정비와 운영* 한 형 주 ** 조선시대의 왕릉은 풍수지리학과 미술사 등에서 왕릉연구가 이루어졌을 뿐 그것 의 국가의례 측면에서의 접근이 거의 없었다. 본고에서는 이중에서 제례를 대상으로 초기 왕릉제사의 제도적 정비와 의식, 종묘와 차별성, 그리고 능행의 정치사적 의미 등을 천착함으로써 국가의례에서 왕릉이 차지하는 위치를 짚어보고자 하였다.

More information

PowerPoint Presentation

PowerPoint Presentation WordPress 를이용한웹사이트만들기 2015 년 한지웅 WordPress 를이용한웹사이트만들기 Day 1 Day 2 Day 3 Day 4 Day 5 1. 웹사이트제작기초 HTLM 기본 CSS 기본 WordPress 개론 ( 웹사이트구축툴 ) 2. 웹호스팅 / 웹사이트구축 웹호스팅업체선택 cpanel 설정 WordPress 설치 3. WordPress 기초활용

More information

ÀÌÀç¿ë Ãâ·Â

ÀÌÀç¿ë Ãâ·Â Analysis on Smart TV Services and Future Strategies TV industry has tried to realize a long-cherished dream of making TVs more than just display devices. Such efforts were demonstrated with the internet

More information

I would like to ask you a favor. Can you pick me up at the airport? ASAP P.S. RSVP BTW IMO ATM ETA

I would like to ask you a favor. Can you pick me up at the airport? ASAP P.S. RSVP BTW IMO ATM ETA 1 주차. Asking favors > Warm up I would like to ask you a favor. Can you pick me up at the airport? ASAP P.S. RSVP BTW IMO ATM ETA 1 2 3 4 5 6 7 8 9 To Cc Bcc Subject Attachments Dear James, Soyoung Kim

More information

쉽게 풀어쓴 C 프로그래밍

쉽게 풀어쓴 C 프로그래밍 CHAPTER 7. HTML 와 CSS 로웹사이트만들 기 웹사이트작성 웹사이트구축과정 내비게이션구조도 홈페이지레이아웃 헤더 web Shop 내비게이션메뉴

More information

01장 웹 개요와 실습 환경 구축

01장 웹 개요와 실습 환경 구축 01 장 웹개요와실습환경구축 목차 1. 인터넷과웹소개 2. 웹의동작원리 3. 보조웹표준기술소개 4. HTML5 주요기능소개 5. 실습환경구축 학습목표 1. 웹의개념과특징을이해한다. 2. 웹의동작원리를이해한다. 3. 대표적인웹표준기술의특징을이해한다. HTML5, CSS3, 자바스크립트 4. 웹프로그래밍을위한개발환경을구축한다. 1. 인터넷과웹소개 인터넷 (Internet)

More information

TTA Journal No.157_서체변경.indd

TTA Journal No.157_서체변경.indd 표준 시험인증 기술 동향 FIDO(Fast IDentity Online) 생체 인증 기술 표준화 동향 이동기 TTA 모바일응용서비스 프로젝트그룹(PG910) 의장 SK텔레콤 NIC 담당 매니저 76 l 2015 01/02 PASSWORDLESS EXPERIENCE (UAF standards) ONLINE AUTH REQUEST LOCAL DEVICE AUTH

More information

다른 JSP 페이지호출 forward() 메서드 - 하나의 JSP 페이지실행이끝나고다른 JSP 페이지를호출할때사용한다. 예 ) <% RequestDispatcher dispatcher = request.getrequestdispatcher(" 실행할페이지.jsp");

다른 JSP 페이지호출 forward() 메서드 - 하나의 JSP 페이지실행이끝나고다른 JSP 페이지를호출할때사용한다. 예 ) <% RequestDispatcher dispatcher = request.getrequestdispatcher( 실행할페이지.jsp); 다른 JSP 페이지호출 forward() 메서드 - 하나의 JSP 페이지실행이끝나고다른 JSP 페이지를호출할때사용한다. 예 ) RequestDispatcher dispatcher = request.getrequestdispatcher(" 실행할페이지.jsp"); dispatcher.forward(request, response); - 위의예에서와같이 RequestDispatcher

More information

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 문서명 작성일 작성자 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 재개정이력 일자내용수정인버전

More information

PG 605 워크숍 [ ) 모바일접근성 (Mobile Accessibility] 한국정보화진흥원현준호책임 Twitter 현준호

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

More information

웹접근성품질인증 심사가이드 v 한국형웹콘텐츠접근성지침 2.0 기준 (K IC S.O T / R 1, 제정 )

웹접근성품질인증 심사가이드 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

More information

View Licenses and Services (customer)

View Licenses and Services (customer) 빠른 빠른 시작: 시작: 라이선스, 라이선스, 서비스 서비스 및 주문 주문 이력 이력 보기 보기 고객 가이드 Microsoft 비즈니스 센터의 라이선스, 서비스 및 혜택 섹션을 통해 라이선스, 온라인 서비스, 구매 기록 (주문 기록)을 볼 수 있습니다. 시작하려면, 비즈니스 센터에 로그인하여 상단 메뉴에서 재고를 선택한 후 내 재고 관리를 선택하십시오. 목차

More information

Microsoft PowerPoint - mobileAppAccessibilityGuidelines_Korea.pptx

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?

More information

HTML5가 웹 환경에 미치는 영향 고 있어 웹 플랫폼 환경과는 차이가 있다. HTML5는 기존 HTML 기반 웹 브라우저와의 호환성을 유지하면서도, 구조적인 마크업(mark-up) 및 편리한 웹 폼(web form) 기능을 제공하고, 리치웹 애플리케이 션(RIA)을

HTML5가 웹 환경에 미치는 영향 고 있어 웹 플랫폼 환경과는 차이가 있다. HTML5는 기존 HTML 기반 웹 브라우저와의 호환성을 유지하면서도, 구조적인 마크업(mark-up) 및 편리한 웹 폼(web form) 기능을 제공하고, 리치웹 애플리케이 션(RIA)을 동 향 제 23 권 5호 통권 504호 HTML5가 웹 환경에 미치는 영향 이 은 민 * 16) 1. 개 요 구글(Google)은 2010년 5월 구글 I/O 개발자 컨퍼런스에서 HTML5를 통해 플러 그인의 사용이 줄어들고 프로그램 다운로드 및 설치가 필요 없는 브라우저 기반 웹 플랫폼 환경이 점차 구현되고 있다고 강조했다. 그리고 애플(Apple)은 2010년

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 How to produce ChemML and MathML 조윤상 ( 과편협기획운영위원 ) 1 Applications of XML Applications of XML RDF (Resource Description Framework) : 자원의정보를표현하기위한규격, 구문및구조에대한공통적인규칙을지원. RSS (Rich Site Summary) : 뉴스나블로그사이트에서주로사용하는콘텐츠표현방식.

More information

Visual Studio online Limited preview 간략하게살펴보기

Visual Studio online Limited preview 간략하게살펴보기 11월의주제 Visual Studio 2013 제대로파헤쳐보기! Visual Studio online Limited preview 간략하게살펴보기 ALM, 언제어디서나 연결된 IDE Theme와 Visual Design 편집기의강화된생산성기능들성능최적화및디버깅개선 Microsoft 계정으로 IDE에서로그인가능다양한머신사이에서개발환경유지다양한디바이스에걸쳐설정을동기화개선된

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 05 장 CSS3 선택자 1. 선택자개요 2. 기본선택자 3. 속성선택자 4. 후손선택자와자손선택자 5. 반응 / 상태 / 구조선택자 CSS 블록을생성할수있다. 선택자를이해하고적절한선택자를활용할수있다. 1 선택자개요 CSS3 선택자 특정한 HTML 태그를선택할때사용하는기능 선택한태그에원하는스타일이나스크립트적용가능 그림 5-1 CSS 블록 CSS 블록 style

More information

Windows Live Hotmail Custom Domains Korea

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

More information

XE 스킨 제작 가이드

XE 스킨 제작 가이드 XE 스킨제작가이드 NHN 오픈 UI 기술팀정찬명 목 차 1. XE 스킨의개요 2. XE 스킨의종류 3. XE 스킨의구성요소 4. XE 스킨제작시고려사항 5. XE 스킨파일구조 6. skin.xml 문법 7. XHTML 문법 8. CSS 활용 9. XE 템플릿문법 XE 스킨의개요 스킨이란? 웹페이지또는 웹페이지의구성요소에대한 사용자인터페이스. 이런것아닙니다.

More information

WebRTC 플러그인이 필요없는 웹폰 새로운 순수 VoIP 클라이언트 기반의 최신 WebRTC 기술은 기존 레가시 자바 클라이언트를 대체합니다. 새로운 클라이언트는 윈도우/리눅스/Mac 에서 사용가능하며 Chrome, Firefox 및 오페라 브라우저에서는 바로 사용이

WebRTC 플러그인이 필요없는 웹폰 새로운 순수 VoIP 클라이언트 기반의 최신 WebRTC 기술은 기존 레가시 자바 클라이언트를 대체합니다. 새로운 클라이언트는 윈도우/리눅스/Mac 에서 사용가능하며 Chrome, Firefox 및 오페라 브라우저에서는 바로 사용이 WebRTC 기능이 채택된 ICEWARP VERSION 11.1 IceWarp 11.1 은 이메일 산업 부문에 있어 세계 최초로 WebRTC 음성 및 비디오 통화 기능을 탑재하였으며 이메일 산업에 있어 최선두의 제품입니다. 기업의 필요한 모든 것, 웹 브라우저 하나로 가능합니다. WebRTC 플러그인이 필요없는 웹폰 새로운 순수 VoIP 클라이언트 기반의 최신

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 Reasons for Poor Performance Programs 60% Design 20% System 2.5% Database 17.5% Source: ORACLE Performance Tuning 1 SMS TOOL DBA Monitoring TOOL Administration TOOL Performance Insight Backup SQL TUNING

More information

untitled

untitled 웹2.0의 사회 경제적 영향력 2007. 3. 21 < 목 차 > Ⅰ. 웹2.0의 의의 및 현황 1 Ⅱ. 웹2.0은 무엇이 다른가? 4 Ⅲ. 웹2.0의 비즈니스 모델 9 Ⅳ. 사회 경제적 영향 11 산은경제연구소 산업분석 2팀 Ⅰ. 웹2.0의 의의 및 현황 1. 의의 웹2.0이란 무엇인가? 정보의 개방을 통해 인터넷 사용자들간의 정보공유와 참여를 이끌어내고,

More information

목차 윈도우드라이버 1. 매뉴얼안내 운영체제 (OS) 환경 윈도우드라이버준비 윈도우드라이버설치 Windows XP/Server 2003 에서설치 Serial 또는 Parallel 포트의경우.

목차 윈도우드라이버 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

More information

설치 순서 Windows 98 SE/Me/2000/XP 1 PC를 켜고 Windows를 시작합니다. 아직 컴퓨터에 프린터를 연결하지 마십시오. 2 PC에 P-S100 CD-ROM(프 린터 드라이버)을 삽입합니다. 3 설치 프로그램을 시작합니다. q CD-ROM의 PS1

설치 순서 Windows 98 SE/Me/2000/XP 1 PC를 켜고 Windows를 시작합니다. 아직 컴퓨터에 프린터를 연결하지 마십시오. 2 PC에 P-S100 CD-ROM(프 린터 드라이버)을 삽입합니다. 3 설치 프로그램을 시작합니다. q CD-ROM의 PS1 디지털 사진 프린터 P-S100 프린터 드라이버 설치 가이드 사용하는 컴퓨터에 따라 제공된 프린터 드라이버를 설치합니다. 설치 절차 에 대한 자세한 내용은 CD-ROM의 Readme 파일을 참조하십시오. 작동 환경 Windows 호환 모델: IBM PC/AT 및 호환품 운영 체제: Windows 98 SE/Me/2000/XP (Windows 98 SE/Me/2000/XP

More information

con_using-admin

con_using-admin CONTRIBUTE 2007 Adobe Systems Incorporated. All rights reserved. Adobe Contribute CS3 - Contribute,. Adobe Systems Incorporated (,, ),..,, Adobe Systems Incorporated. Adobe Systems Incorporated..... Adobe,

More information

Operating Instructions

Operating Instructions 작동지침 Mopria 설명서 안전하고올바른사용을위해기기를사용하기전에 " 안전정보 " 를읽으십시오. 목차 소개...2 기호의의미... 2 고지사항...2 준비...3 같은네트워크에서기기와 Android 기기연결하기...3 기기설정확인하기... 3 1. Mopria 인쇄사용하기 Mopria 인쇄서비스소개...5 Android 기기설정하기... 6 인쇄...7

More information

UNIST_교원 홈페이지 관리자_Manual_V1.0

UNIST_교원 홈페이지 관리자_Manual_V1.0 Manual created by metapresso V 1.0 3Fl, Dongin Bldg, 246-3 Nonhyun-dong, Kangnam-gu, Seoul, Korea, 135-889 Tel: (02)518-7770 / Fax: (02)547-7739 / Mail: contact@metabrain.com / http://www.metabrain.com

More information

안전을 위한 주의사항 2 경고 상세내용 4 SMP 이용자 7대 안전수칙 6 불법조작금지 6 Dolby, DTS, SRS, DivX 7 사용자 설명서 가이드 10 구성품 확인 12 각 부분의 명칭과 기능 13 SMP의 올바른 사용법 14 구성품 사용안내 14 SMP 전원 켜기/끄기 16 터치스크린 사용안내 17 통신환경 설정 20 SMP 시작하기 22 홈 스크린

More information

지상파(디지털) 방송의 재전송이 큰 목적 중 하나이므로 전세계적으로 IPTV의 보급이 더욱 촉진될 가능성이 높음 단말기 측면 전망 향후에는 거치형 TV만이 아니고 휴대전화, 휴대게임기 등에 대해서도 각종 콘 텐트 전송이 더욱 확대될 것이고 더 나아가 휴대전화 TV 휴대게임기 등 단말기 상호간의 콘텐트 전송이 더욱 증가될 것임 서비스 측면 전망 유저가 편한 시간대에

More information

Microsoft PowerPoint - web-part01-ch10-문서객체모델.pptx

Microsoft PowerPoint - web-part01-ch10-문서객체모델.pptx 과목명 : 웹프로그래밍응용교재 : 모던웹을위한 JavaScript Jquery 입문, 한빛미디어 Part1. JavaScript / Ch10. 문서객체모델 2014년 1학기 Professor Seung-Hoon Choi 10 문서객체모델 문서객체모델 (Document Object Model, DOM) 웹브라우저가 HTML 페이지를인식하는방식 document

More information

?????

????? 2013 JUNE CONTENTS 04 06 08 12 22 26 40 44 45 46 48 50 54 56 58 6 CHEIL JUNE 2013 7 8 CHEIL JUNE 2013 9 10 CHEIL JUNE 2013 11 12 CHEIL JUNE 2013 13 14 CHEIL JUNE 2013 15 16 CHEIL JUNE 2013 17 18 CHEIL

More information

슬라이드 1

슬라이드 1 UCC 영어 말하기 대회 (UCC English Speaking Contest) Think in English & Speak out!!! 내용 및 참여방안 매뉴얼 하이플러스잉글리쉬 UCC 영어 말하기 대회 진행 개요 1. 참여대상: 하이플러스 잉글리쉬 및 점프 영어교실 프로그램 사용 학원 학생 2. 참여 방안 - 하이플러스잉글리쉬 및 점프 영어 교재의 스토리

More information

장애인건강관리사업

장애인건강관리사업 장애인건강관리사업 2013. 2013 : : ( ) : ( ) ( ) ( ) : ( ) ( ) ( ) ( ) ( ) ( ) ( ) ( ) ( ) ( ) ( ) ( ) ( ) ( ) 1.. 2.. 제1장. 연구개요 1 제2장. 1세부과제 : 장애인건강상태평가와모니터링 10 - i - 제3장. 2세부과제 : 장애인만성질환위험요인조사연구 117 - ii - 4장.

More information

과정명

과정명 웹표준 & HTML5 1. 웹표준개발프로세스 2. 웹접근성 3. 웹호환성 - 1 - 웹개발프로세스 ( 효율적인웹개발방법론 ) - 2 - 웹표준화에따른실전웹개발프로세스 Waterfall 방식 가장많이사용하고있는프로세스 (waterfall 방식 ) 특징밀어내기식선형작업으로프로젝트의흐름이중요. 문제점자원관리의비효율성과병목현상해결책 : 선행일정을줄임 ( 근본적인해결책이되지못함

More information

Microsoft PowerPoint - XP Style

Microsoft PowerPoint - XP Style Business Strategy for the Internet! David & Danny s Column 유무선 통합 포탈은 없다 David Kim, Danny Park 2002-02-28 It allows users to access personalized contents and customized digital services through different

More information

Microsoft Word - ntasFrameBuilderInstallGuide2.5.doc

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,

More information

미디어 및 엔터테인먼트 업계를 위한 Adobe Experience Manager Mobile

미디어 및 엔터테인먼트 업계를 위한 Adobe Experience Manager Mobile Adobe Experience Manager Mobile 앱 제작을 넘어 고객, 파트너 및 직원과의 유대 관계 형성 매년 모바일 디바이스에서 읽고 듣고 교류하는 사람들이 증가하고 있습니다. 미디어 및 엔터테인먼트 조직은 모바일 디바이스를 통해 고객, 직원, 파트너 및 광고주와 직접 교류할 수 있는 새로운 기회를 얻을 수 있는데, 이 기회를 민첩하게 활용하는

More information

var answer = confirm(" 확인이나취소를누르세요."); // 확인창은사용자의의사를묻는데사용합니다. if(answer == true){ document.write(" 확인을눌렀습니다."); else { document.write(" 취소를눌렀습니다.");

var answer = confirm( 확인이나취소를누르세요.); // 확인창은사용자의의사를묻는데사용합니다. if(answer == true){ document.write( 확인을눌렀습니다.); else { document.write( 취소를눌렀습니다.); 자바스크립트 (JavaScript) - HTML 은사용자에게인터페이스 (interface) 를제공하는언어 - 자바스크립트는서버로데이터를전송하지않고서할수있는데이터처리를수행한다. - 자바스크립트는 HTML 나 JSP 에서작성할수있고 ( 내부스크립트 ), 별도의파일로도작성이가능하다 ( 외 부스크립트 ). - 내부스크립트 - 외부스크립트

More information

Index 1. Intro Install Connect Scratch 1.4 (Offline Editor) Scratch 2.0 (Online Editor) Connect f

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

More information

CONTENTS 01 Adobe Photoshop Lightroom을 소개합니다 촬영부터 출력까지 간편한 사진 작업 (Simplify photography from shoot to finish) Adobe Photoshop Lightroom 작업공간(Workspace)

CONTENTS 01 Adobe Photoshop Lightroom을 소개합니다 촬영부터 출력까지 간편한 사진 작업 (Simplify photography from shoot to finish) Adobe Photoshop Lightroom 작업공간(Workspace) ADOBE PHOTOSHOP LIGHTROOM 글 신동향 사진 신동향, 정한진, 김석준 CONTENTS 01 Adobe Photoshop Lightroom을 소개합니다 촬영부터 출력까지 간편한 사진 작업 (Simplify photography from shoot to finish) Adobe Photoshop Lightroom 작업공간(Workspace) 02

More information

PDF_Compass_32호-v3.pdf

PDF_Compass_32호-v3.pdf Design Compass는 특허청의 디자인맵 웹사이트에서 제공하는 디자인, 브랜드, 기술, 지식재산권에 관한 다양한 콘텐츠를 디자이너들의 입맛에 맞게 엮은 격월간 디자인 지식재산권 웹진입니다. * Design Compass는 저작이용이 허락된 서울서체(서울시)와 나눔글꼴(NHN)을 사용하여 제작되었습니다. 2 4 5 6 7 9 10 11 편집 / 디자인맵

More information

Microsoft PowerPoint - KNOM2008제출_연승호_v1.0

Microsoft PowerPoint - KNOM2008제출_연승호_v1.0 마이크로콘텐츠제공을위한 Widget Ecosystem 2008.4 KT 인프라연구소 연승호 (shyeon@kt.com) 목 차 Ⅰ Ⅱ Ⅲ Ⅳ Ⅴ 위젯정의시장동향위젯서비스분류및사례위젯특징및요소기술 Ecosystem 환경 Ⅵ Ⅶ 결 부 론 록 Ⅰ 위젯정의 Window + Gadget 의합성어 : Widget, Gadget, Badge, Module, Snippet

More information

Microsoft PowerPoint - web-part03-ch20-XMLHttpRequest기본.pptx

Microsoft PowerPoint - web-part03-ch20-XMLHttpRequest기본.pptx 과목명 : 웹프로그래밍응용교재 : 모던웹을위한 JavaScript Jquery 입문, 한빛미디어 Part3. Ajax Ch20. XMLHttpRequest 2014년 1학기 Professor Seung-Hoon Choi 20 XMLHttpRequest XMLHttpRequest 객체 자바스크립트로 Ajax를이용할때사용하는객체 간단하게 xhr 이라고도부름 서버

More information

IRISCard Anywhere 5

IRISCard Anywhere 5 이 빠른 사용자 가이드는 IRISCard Anywhere 5 및 IRISCard Corporate 5 스캐너의 설치와 시작을 도와 드립니다. 이 스캐너와 함께 제공되는 소프트웨어는: - Cardiris Pro 5 및 Cardiris Corporate 5 for CRM (Windows 용) - Cardiris Pro 4 (Mac OS 용) Cardiris 의

More information

노트북 IT / 모바일 데스크탑 34 올인원PC 35 PC 소프트웨어 포터블SSD / SSD / 메모리카드 36 태블릿 37 휴대폰 39 PC 솔루션 IT / 모바일 IT / 모바일 노트북 29 삼성전자는 Windows 를 권장합니다. 삼성전자만의 편리하고 다양한 소프트웨어를 통해 초보자도 보다 쉽고 빠르게 이용 가능합니다. Easy Settings 삼성 패스트

More information

Main Title

Main Title GE Peter S. Pande,, Robert P. Neuman, Ronald R. Cavanagh The SIX SIGMA WAY April 29, 2005 Jin-Ho Jeong,, Ph.D. Competitiveness Valuation International, Inc. Korea Partner of IMD WCY jeong@cvikorea.net

More information

USER GUIDE

USER GUIDE Solution Package Volume II DATABASE MIGRATION 2010. 1. 9. U.Tu System 1 U.Tu System SeeMAGMA SYSTEM 차 례 1. INPUT & OUTPUT DATABASE LAYOUT...2 2. IPO 중 VB DATA DEFINE 자동작성...4 3. DATABASE UNLOAD...6 4.

More information

<C1A4C3A531302D31322DB4EBC1DFBCD2B1E2BEF720B5BFB9DDBCBAC0E528C0CEBCE2BFEB292E687770>

<C1A4C3A531302D31322DB4EBC1DFBCD2B1E2BEF720B5BFB9DDBCBAC0E528C0CEBCE2BFEB292E687770> 정책연구 2010 12 대 중소기업 동반성장 정책의 문제점과 개선과제 이병기 김필헌 김영신 신석훈 대 중소기업 동반성장 정책의 문제점과 개선과제 1판1쇄 인쇄 / 2010년 12월 7일 1판1쇄 발행 / 2010년 12월 10일 발행처 한국경제연구원 발행인 김영용 편집인 김영용 등록번호 제318 1982 000003호 (150-705) 서울특별시 영등포구 여의도동

More information

슬라이드 1

슬라이드 1 4. Mobile Service Technology Mobile Computing Lecture 2012. 10. 5 안병익 (biahn99@gmail.com) 강의블로그 : Mobilecom.tistory.com 2 Mobile Service in Korea 3 Mobile Service Mobility 4 Mobile Service in Korea 5 Mobile

More information

PowerPoint Template

PowerPoint Template JavaScript 회원정보 입력양식만들기 HTML & JavaScript Contents 1. Form 객체 2. 일반적인입력양식 3. 선택입력양식 4. 회원정보입력양식만들기 2 Form 객체 Form 객체 입력양식의틀이되는 태그에접근할수있도록지원 Document 객체의하위에위치 속성들은모두 태그의속성들의정보에관련된것

More information

Week13

Week13 Week 13 Social Data Mining 02 Joonhwan Lee human-computer interaction + design lab. Crawling Twitter Data OAuth Crawling Data using OpenAPI Advanced Web Crawling 1. Crawling Twitter Data Twitter API API

More information

38이성식,안상락.hwp

38이성식,안상락.hwp 동영상UCC의 활성화에 따른 영상디자인의 대중화 현상에 관한 연구 A Study on Development of Public Relationship of UCC Animation in Social Network 주저자: 이성식 (Lee, Sung Sik) (주)펄슨앤커뮤니케이션 공동저자: 안상락(An, Sang Lak) 한국재활복지대학 광고홍보과 논문요약 Abstract

More information

슬라이드 1

슬라이드 1 웹 2.0 분석보고서 Year 2006. Month 05. Day 20 Contents 1 Chapter 웹 2.0 이란무엇인가? 웹 2.0 의시작 / 웹 1.0 에서웹 2.0 으로 / 웹 2.0 의속성 / 웹 2.0 의영향 Chapter Chapter 2 3 웹 2.0 을가능케하는요소 AJAX / Tagging, Folksonomy / RSS / Ontology,

More information

Javascript

Javascript 1. 이벤트와이벤트핸들러의이해 이벤트 (Event) 는웹브라우저에서발생하는다양한사건을말합니다. 예를들면, 버튼을마우스로을했다거나브라우저를닫았다거나 Enter 키를눌렀다거나등등아주다양한사건들이있습니다. 그렇다면이벤트핸들러 (Event Handler) 는무엇일까요? 이다양한이벤트들을핸들링 ( 처리 ) 해주는것입니다. 예를들면, 어떤버튼을했을때메시지창이뜨게하는등을말합니다.

More information

..,. 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.,. * 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*

More information

ISP and CodeVisionAVR C Compiler.hwp

ISP and CodeVisionAVR C Compiler.hwp USBISP V3.0 & P-AVRISP V1.0 with CodeVisionAVR C Compiler http://www.avrmall.com/ November 12, 2007 Copyright (c) 2003-2008 All Rights Reserved. USBISP V3.0 & P-AVRISP V1.0 with CodeVisionAVR C Compiler

More information

12¾ÈÇö°æ 1-155T304®¶ó153-154

12¾ÈÇö°æ1-155T304®¶ó153-154 Journal of Fashion Business Vol. 8, No. 4, pp.141~155(2004) A Research for the hair Style Image making Chart Manufacturing Depends on Fashion Feeling + - through the analysis of the actress hair styles

More information

경우 1) 80GB( 원본 ) => 2TB( 복사본 ), 원본 80GB 는 MBR 로디스크초기화하고 NTFS 로포맷한경우 복사본 HDD 도 MBR 로디스크초기화되고 80GB 만큼포맷되고나머지영역 (80GB~ 나머지부분 ) 은할당되지않음 으로나온다. A. Window P

경우 1) 80GB( 원본 ) => 2TB( 복사본 ), 원본 80GB 는 MBR 로디스크초기화하고 NTFS 로포맷한경우 복사본 HDD 도 MBR 로디스크초기화되고 80GB 만큼포맷되고나머지영역 (80GB~ 나머지부분 ) 은할당되지않음 으로나온다. A. Window P Duplicator 는기본적으로원본하드디스크를빠르게복사본하드디스크에복사하는기능을하는것입니다.. 복사본 하드디스크가원본하드디스크와똑같게하는것을목적으로하는것이어서저용량에서고용량으로복사시몇 가지문제점이발생할수있습니다. 하드디스크는사용하려면, 디스크초기화를한후에포맷을해야사용가능합니다. Windows PC는 MBR과 GPT 2 개중에 1개로초기화합니다. -Windows

More information

초보자를 위한 ASP.NET 2.0

초보자를 위한 ASP.NET 2.0 (World Wide Web), HTML., (ebay) (Amazon.com) HTML,., Microsoft ASP.NET. ASP.NET ASP.NET., ASP.NET HTML,,. ASP.NET HTML.. ASP.NET, Microsoft Visual Basic. Visual Basic. 5 Visual Basic, Visual Basic. ASP.NET

More information

NTD36HD Manual

NTD36HD Manual Upnp 사용 D7 은 UPNP 를지원하여 D7 의네크워크에연결된 UPNP 기기에별다른설정없이연결하여, 유무선으로네트워크상의연결된 UPNP 기기의콘텐츠를재생할수있습니다. TV 화면의 브라우저, UPNP 를선택하면연결가능한 UPNP 기기가표시됩니다. 주의 - UPNP 기능사용시연결된 UPNP 기기의성능에따라서재생되지않는콘텐츠가있을수있습니다. NFS 사용 D7

More information

ICT03_UX Guide DIP 1605

ICT03_UX Guide DIP 1605 ICT 서비스기획시리즈 01 모바일 UX 가이드라인 동준상. 넥스트플랫폼 / v1605 모바일 UX 가이드라인 ICT 서비스기획시리즈 01 2 ios 9, OS X Yosemite (SDK) ICT Product & Service Planning Essential ios 8, OS X Yosemite (SDK) ICT Product & Service Planning

More information

Microsoft PowerPoint Android-SDK설치.HelloAndroid(1.0h).pptx

Microsoft PowerPoint Android-SDK설치.HelloAndroid(1.0h).pptx To be an Android Expert 문양세강원대학교 IT 대학컴퓨터학부 Eclipse (IDE) JDK Android SDK with ADT IDE: Integrated Development Environment JDK: Java Development Kit (Java SDK) ADT: Android Development Tools 2 JDK 설치 Eclipse

More information

Javascript

Javascript 1. HTML 이란? HTML 은 Hyper Text Mark Up Language 의약자로예약되어있는각종태그라는명령어를이용하여웹페이지를작성할때사용하는언어입니다. 2. HTML 의기본구조 < 태그 > 내용 < 태그속성 = 변수 > 내용

More information

스마일 contents 당신을 만나 기분이 좋습니다! 병원에 있는 사람들은 모두 힘듭니다. 환자는 환자대로, 보호자는 보호자대로, 의료진은 의료진대로. 아픈 환자가 제일 힘들 것 같다가도, 그들을 뒷바라지하는 보호자가 더 어려울 것 같습니다. 하지만 환자와 보호자를 상

스마일 contents 당신을 만나 기분이 좋습니다! 병원에 있는 사람들은 모두 힘듭니다. 환자는 환자대로, 보호자는 보호자대로, 의료진은 의료진대로. 아픈 환자가 제일 힘들 것 같다가도, 그들을 뒷바라지하는 보호자가 더 어려울 것 같습니다. 하지만 환자와 보호자를 상 국내 최초 JCI 인증병원 www.iseverance.com 세브란스병원 Special Report 건강만복래 암, 완치의 꿈 조기 발견과 드림팀의 협진으로 폐암 이긴다 2013. 01 스마일 contents 당신을 만나 기분이 좋습니다! 병원에 있는 사람들은 모두 힘듭니다. 환자는 환자대로, 보호자는 보호자대로, 의료진은 의료진대로. 아픈 환자가 제일 힘들

More information

<A4B5A4C4A4B5A4BFA4B7A4B7A4D1A4A9A4B7A4C5A4A4A4D1A4A4A4BEA4D3A4B1A4B7A4C7A4BDA4D1A4A4A4A7A4C4A4B7A4D3A4BCA4C E706466>

<A4B5A4C4A4B5A4BFA4B7A4B7A4D1A4A9A4B7A4C5A4A4A4D1A4A4A4BEA4D3A4B1A4B7A4C7A4BDA4D1A4A4A4A7A4C4A4B7A4D3A4BCA4C E706466> , OPEN DATA ? 2 - - - (DIKW Pyramid) 3 4 (Public Information) Public Sector Information, (raw data) Public Sector Contents OECD. 2005. Digital Broadband Content: Public Sector Information and Content.

More information

쉽게 풀어쓴 C 프로그래밍

쉽게 풀어쓴 C 프로그래밍 CHAPTER 11. 자바스크립트와캔버스로게임 만들기 캔버스 캔버스는 요소로생성 캔버스는 HTML 페이지상에서사각형태의영역 실제그림은자바스크립트를통하여코드로그려야한다. 컨텍스트객체 컨텍스트 (context) 객체 : 자바스크립트에서물감과붓의역할을한다. var canvas = document.getelementbyid("mycanvas"); var

More information

Microsoft PowerPoint SDK설치.HelloAndroid(1.5h).pptx

Microsoft PowerPoint SDK설치.HelloAndroid(1.5h).pptx To be an Android Expert 문양세강원대학교 IT 대학컴퓨터학부 개발환경구조및설치순서 JDK 설치 Eclipse 설치 안드로이드 SDK 설치 ADT(Androd Development Tools) 설치 AVD(Android Virtual Device) 생성 Hello Android! 2 Eclipse (IDE) JDK Android SDK with

More information

ThinkVantage Fingerprint Software

ThinkVantage Fingerprint Software ThinkVantage 지문 인식 소프트웨어 First Edition (August 2005) Copyright Lenovo 2005. Portions Copyright International Business Machines Corporation 2005. All rights reserved. U.S. GOVERNMENT USERS RESTRICTED RIGHTS:

More information

<C3E6B3B2B1B3C0B0313832C8A32DC5BEC0E7BFEB28C0DBB0D4292D332E706466>

<C3E6B3B2B1B3C0B0313832C8A32DC5BEC0E7BFEB28C0DBB0D4292D332E706466> 11-8140242-000001-08 2013-927 2013 182 2013 182 Contents 02 16 08 10 12 18 53 25 32 63 Summer 2 0 1 3 68 40 51 57 65 72 81 90 97 103 109 94 116 123 130 140 144 148 118 154 158 163 1 2 3 4 5 8 SUMMER

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 Html 은웹에서 text, images, movie 등다양한정보의요소를 담을수있는문서형식이다. 정보 (txt, imges) 전송 = 동일한어플리케이션 = 정보 (txt, imges) 정보 (txt, imges Movie, 동작 ) 정보 (txt, imges movie) 어플리케이션 웹브라우저 HTML5 는기존 HTML 에차별화된특징을가진 최신버전의웹표준언어.

More information