과정명

Size: px
Start display at page:

Download "과정명"

Transcription

1 웹표준 & HTML5 1. 웹표준개발프로세스 2. 웹접근성 3. 웹호환성 - 1 -

2 웹개발프로세스 ( 효율적인웹개발방법론 ) - 2 -

3 웹표준화에따른실전웹개발프로세스 Waterfall 방식 가장많이사용하고있는프로세스 (waterfall 방식 ) 특징밀어내기식선형작업으로프로젝트의흐름이중요. 문제점자원관리의비효율성과병목현상해결책 : 선행일정을줄임 ( 근본적인해결책이되지못함 ) 구조화의어려움 HTML 코드의생산 ( 웹표준화의관점 ) 을디자이너가수행해결책 : 역할 ( 기획자 / 디자이너 / 개발자 ) 을중심으로한개선된개발공정필요 협업이이루어지지않는개발 3

4 웹표준화에따른실전웹개발프로세스 Waterfall 방식 가장많이사용하고있는프로세스 (waterfall 방식 ) 역할을중심으로한개발공정 ( 디자이너중심개발공정 ) 디자이너가웹표준화의중심작업 ( 기존프로세스와비슷하여가장쉽게적용 ) 디자이너가웹표준화에관한필요기술을습득해야함. 장점 기존디자이너의코딩작업의연장으로일관성을유지디자인보다코딩이먼저끝나므로프로그래머의작업시간절약단점 Javascript 등기술중심적인내용까지디자이너의몫논리적구조화보다시각적구조화의우려. 4

5 웹표준화에따른실전웹개발프로세스 Waterfall 방식 가장많이사용하고있는프로세스 (waterfall 방식 ) 역할을중심으로한개발공정 ( 프로그래머중심 ) 프로그래머가웹표준화의중심작업 ( 웹표준화에대한깊은이해도에따른성공가능성높음 ) 장점 웹표준화에대한이해도가높음빠른개발속도확보 ( 자신의코드 ) 단점프로그램적용을위한 HTML 코드만을의도적으로생산할가능성프로그램업무의시간확보어려움 5

6 웹표준화에따른실전웹개발프로세스 Waterfall 방식 가장많이사용하고있는프로세스 (waterfall 방식 ) 역할을중심으로한개발공정 ( 기획자중심 ) 기획자가웹표준의중심작업 장점 기획의도에맞게웹페이지의논리적구조화가가능디자인이나개발에의해구조화자체가왜곡되는현상의최소화단점 Javascript 등기술중심적인내용까지디자이너의몫과도한스토리보드작업, 기획자의부담이늘어남. 6

7 웹표준화에따른실전웹개발프로세스 개선된방식 개선된웹개발프로세스 ( 기존 Waterfall 방식의역할및작업과정을재분배 ) 퍼블리셔 (Publisher) 의역할이강조됨. Publisher란 기존 HTML의코딩작업을벗어나웹상에컨텐츠를게재하는방식을책임지는전문가 퍼블리셔의역할기획자가만들어낸컨텐츠를기획의도에따라디자인적용프로그램의도움으로웹상에게재 (x)html/css/javascript 부분을전적으로담당기존역할 ( 기획, 디자인, 프로그램 ) 의업무를경감시킴. 작업강도와기간이단축되는효과 스토리보드작업의분리프로세스흐름도, 컨텐츠상세화디자인지시서로서의스토리보드역할을축소디자인고유영역을보장컨텐츠상세화에따른프로그램작업시간의축소 7

8 웹표준화에따른실전웹개발프로세스 개선된방식 개선된웹개발프로세스 ( 기획 / 분석 / 회의단계 ) 기획 / 분석 / 회의단계에서이루어져야할내용요구사항수립 (Requirement Gathering) : 프로젝트의목적과의미파악필요한기능에대한정의목록축출객체지향개발방법론 : ( 활동 / 클래스다이어그램 / 컴포넌트명세서 / 배포다이어그램 ) 분석 (Analysis) 수집된요구사항을각역할에맞추어분배프로젝트진행과정에필요한요소를찾아냄. 객체지향개발방법론 : ( 유스케이스 / 상태 / 시퀀스 / 협력다이어그램 ) 설계 (Design) 프로젝트의전체적인설계도를그림 ( 문서화작업 ) 프로세스플로우 / 스타일가이드 / 개발설계단계의초입 8

9 웹표준화에따른실전웹개발프로세스 개선된방식 개선된웹개발프로세스 ( 기획자공정 ) UML(Unified Modeling Language) : Grandy Booch, James Rumbaugh, Ivar Jacobson 제안시스템개발세계에서의표준으로인정받는표기시스템프로젝트참여자시점에서의설계도를그릴수있는표준을제공, 주로객체지향개발도구 (Java, C++) 를사용할때설계분석도구로사용됨기획자 : 실제개발에필요한지시서를만드는데유용함 ( 실제프로젝트에서모든참여자가 UML 을숙지해야함 ) 스토리보드프로세스흐름도 : 개발자컨텐츠명세서 ( 상세화 ) : 디자이너기준페이지에들어가야할내용명시 9

10 웹표준화에따른실전웹개발프로세스 개선된방식 개선된웹개발프로세스 ( 퍼블리셔공정 ) 구조화와코딩 : ( 컨텐츠분할 ) 덩어리를분할해서나누어공략한다 (Divide & Conquer) 기획자에게받는컨텐츠명세서를가지고웹페이지레이아웃을잡음. [ 구조화 ] [ 코딩 ] Header - SiteMenu - ServiceLogo - ServiceMenu - Search - Promotion_1 Content - MainContent - SideContent - Article Box - Poll - Article Box detail Footer - Copyright - Related Link <div id= header > <div id= sitemenu ></div> <div id= servicelogo ></div> <div id= servicemenu ></div> <div id= search ></div> <div id= promotion_1 ></div> </div> <div id= Content > <div id= maincontent ></div> <div id= sidecontent > <div id= articlebox ></div> ~ </div> </div> <div id= Footer > <div id= copyright ></div> <div id= relatedlink</div> </div> 10

11 웹표준화에따른실전웹개발프로세스 개선된방식 개선된웹개발프로세스 ( 퍼블리셔공정 ) CSS 스타일가이드 박스기사본문은다른영역과최소 3px 이상간격을두고배치되어야하며, 1px 크기의 #EEEEEE 색상의경계선으로구획지어진다. 경계선과본문내용과의여백은 10px 이상이어야한다. 배경색은따로지정하지않고상위영역의배경색및배경이미지를그대로사용한다. 기본글꼴은 sans-serif 로한다. 글꼴크기는 11.5pt 이며, 들여쓰기하지않는다. 본문중의링크는사이트전체의일반링크표시규칙을따르되밑줄 (underline) 을표시한다..box_article.content{ margin:3px; border:1px solid #EEEEEE; padding:10px; font-family:sans-serif; font-size:11.5pt; }.box_article.content a{ text-decoration:underline; } 11

12 웹표준화에따른실전웹개발프로세스 개선된방식 개선된웹개발프로세스 ( 퍼블리셔공정 ) HTML Validator 를이용한표준화준수확인 W3C HTML Validator : 브라우저의확장기능 : ( 인터넷사용이불가한경우이용 ) 모질라 (Firefox) 의확장기능오페라의기본내장기능 CSS Validator 를이용한표준화준수확인 W3C CSS validator : 브라우저확장기능 접근성 (Accessiblily) Validator W3C Web Content Accesibility Guideline KADO-WAH Webxact Accessibility Validator 12

13 웹표준화에따른실전웹개발프로세스 개선된방식 개선된웹개발프로세스 ( 디자이너공정 ) UI(User Interface) 스타일가이드디자인의일관성을유지디자인의목표, 컨셉 Color Scheme( 사용되는색상열람 ) Font, Typography( 글꼴크기, 색상, 자간, 장평.. 등 ) Layout ( 문서구조, 크기, 위치, 형태, 성격등 ) 그래픽요소 ( 아이콘, 이미지, 블릿, 버튼등 ) 기타 ( 표, 플래쉬, 멀티미디어에대한상세한규칙 ) 13

14 웹표준화에따른실전웹개발프로세스 개선된방식 개선된웹개발프로세스 ( 개발자공정 ) 비즈니스로직 (business logic) 분석및프로그래밍기획자공정의프로세스흐름도만으로전체적인비즈니스로직의설계가가능 각페이지출력 로그인에필요한데이터모델 사용자입력값전달 로그인판정 개인쪽지에필요한데이터모델 페이지전환 팝업기능 에러처리등 14

15 웹표준화에따른실전웹개발프로세스 개선된방식 개선된웹개발프로세스 ( 개발자공정 ) 비즈니스로직 (business logic) 분석및프로그래밍기획자공정의프로세스흐름도만으로전체적인비즈니스로직의설계가가능 각페이지출력 로그인에필요한데이터모델 사용자입력값전달 로그인판정 개인쪽지에필요한데이터모델 페이지전환 팝업기능 에러처리등 15

16 메뉴구조도예시 16

17 경험모델 ( 비지니스플로우 ) 예시 회원 (member) 도서관 A (library a) 도서관 B (library b) 회원로그인 도서관사서로그인 도서관사서로그인 지정도서관선택 신청하기 신청방법선택 도서관리시스템 신청방법선택 온라인신청우편발송 도서관리시스템 현재존재하는도서목록반화 주문확인 신청처리완료 신청처리완료 신청내역확인 마일리지처리 이미신청한도서신청코드, 반납한도서 17

18 화면흐름도예시 회원유효성검증 (Validation Check) F F01 F03 F04 F99 회원가입 ( 등록 / 인증 ) 회원가입 ( 등록폼 ) 회원확인 회원정보 로그아웃 F02 회원가입 ( 해외거주자등록폼 ) F05 회원탈퇴 F90 F06 로그인 도서관리내역보기 F91 ID/ 비밀번호찾기 F07 나만의 QT F0601 신청목록 F0602 대여목록 F0603 기증목록 F91 F90 F08 F0604 이용약관 저작권관련정책열람 건의사항 도서검색 18

19 스토리보드예시 PROJECT 도서관리시스템 DOC. NAME STORY BOARD PAGE ID PAGE NO. 19 TITLE 오픈프로세스 사서현황 > 도서신청건수 DESCRIPTION 회원도서오픈프로세스서비스요청도서리스트회원 * 도서화면 : 해당사서가담당하고있는고객의도서대출신청내역을출력함. 관리대상회원대출진행사항신청진행사항인수방문회원정보관리 도서신청 L1 도서신청신청처리현황 1 3 관리사서홍길동 /S0192 이전다음종류상태대출중도서번호 전체 - 검색 2 * 출력테이블 Header 항목 : 선택, 종류, 지역, 도서번호, 상태, 성립일, PTD, 담당사서, 이전사서, 변경후사서, 자격여부, 이전사유, 상세사유 1. 기존의목록을콤보박스로변경 2. 지정된검색조건으로검색결과출력종류 : 전체 (D), 지역, 지점도서관상태 : 신청중 (D), 완료, 반려, 대출중도서번호 : 시작도서번호 - 종료도서번호 Servicing LP 사서현황 - 도서신청건수 * 4홍길동님 : 접속일일 ( ) 총대출건수 : 120, 보유도서건수 : 107, 보유회원수 3. 이전, 다음변경전사서콤보박스의이전, 다음사서 - 담당사서신청 선택 5 ^ 종류지역 지역서울 도서번호 관리이전사유 비고 4. 선택된사서의관리건수등출력 변경건수건 1 변경후 LP 이순신 선정 임시저장 도서관내이전신청 지역이전신청 LINK PAGE L1 SM01_02 L2 L3 L4 L5 L6 19

20 스토리보드예시 다양한프로토타이핑툴

21 웹애플리케이션설계프로세스 사용자인터페이스 (UI) 개발프로세스

22 웹애플리케이션설계프로세스 사용자경험 (UX) 기반웹애플리케이션설계프로세스

23 AJAX 표준설계에따른협업 (Collaboration) AJAX 설계및개발은누가해야할까? (Designer vs. Developer)? Layout, Animation Event, markup integration

24 AJAX 표준설계에따른협업 (Collaboration) AJAX 설계및개발은누가해야할까? ( 새로운역할통합관리자 : Integrator)

25 AJAX 표준설계에따른협업 (Collaboration) 웹디자이너및퍼블리셔관점에서의설계필요성 Design is not just what it looks like and feels like. Design is how it works - 스티브잡스 - 1. 디자이너와개발자모두하나의페이지에서다양한액션을프로토타입핑. 2. 하나의페이지에서일어나는액션과사용자경험에대한것을모두담고있기때문에관리할페이지가줄어듭니다. ( 예를들어여러페이지에적용되어있던 css 가변경되어질경우가불필요한작업량이줄어든다.) 3. Ajax/Rich UI 개발자들에게는엘리먼트의 CSS class name 통해서원하는처리를손쉽게할수있다. 즉디자이너에게도 Ajax/Rich UI 개발을위한기술적인이해와사용자경험 (User Experience) 에대한요구사항을디자인단계에서부터적용시켜야한다 UX 와 AJAX/Rich UI 를위한패턴

26 웹접근성및호환성

27 웹접근성 (Accessibility) W3C 의웹접근성 장애를지닌사람이웹을이용할수있는것. Web Accessibility means that people with disabilities can use the Web(W3C) The Power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect(tim Berners Lee) 웹접근성의본질적의미 모든사람이다양한조건의환경에서다양한장치를이용하여웹서비스나콘텐츠에접근할수있도록보장하는것. 사용자의신체적상황, 지식, 경험 디바이스 (PC, 포터블기기, 홈네트워크등 ), 소프트웨어 ( 운영체제, 웹브라우저, 응용소프트웨어등 ) 보편적설계 (Universal Design) 접근성 (Accessibility)

28 웹접근성 (Accessibility) 장애인차별금지및권리구제등에관한법률 ( 이하장차법 ) 모든생활영역에서장애를이유로한차별을금지하고장애를이유로차별받는사람의권익을효과적으로구제하기위한법 2008 년 4 월 11 일시행 2009 년 4 월 11 일집행가능 상시 300 인이상의근로자를사용하는사업장과국가및지방자치단체 법시행후 1 년이경과한날 (2009 년 4 월 11 일 ) 상시 100 인이상 300 인미만의근로자를사용하는사업장 법시행후 3 년이경과한날 (2011 년 4 월 11 일 ) 상시 30 인이상 100 인미만의근로자를사용하는사업장 법시행후 5 년이경과한날 (2013 년 4 월 11 일 ) 장차법준수방안 WCAG(Web Content Accessibility Guide) 1.0 지침준수 KWCAG 1.0 지침준수

29 웹접근성 (Accessibility) 웹접근성점검체크리스트 인식의용이성 텍스트아닌콘텐츠의인식 영상매체의인식 색상에무관한인식 운용의용이성 이미지맵기법사용제한 프레임의사용제한 깜박거리는객체사용제한 키보드로만운용가능 반복적네비게이션링크 반응시간의조절기능 이해의용이성 데이터테이블구성 논리적구성 온라인서식구성 기술적진보성 신기술의사용 별도의웹사이트제공

30 웹접근성 (Accessibility) 웹접근성에대한오해 웹접근성을위해웹표준을준수하는경우다양한기능이나화면제공에제한이있음. 핵심사용자계층에차별적가치를제공해주지못하고, 특정한사용자를위한다양한버전을제공해야함. 웹접근성과웹표준의상관관계 웹접근성향상을위해고려해야할사항은디바이스와소프트웨어에독립적인웹표준기술을사용하는것임. 웹표준을준수하면웹접근성이자동적으로향상되는것은아님. 웹접근성은다양한변수 ( 디바이스, 소프트웨어, 기술, 사용자환경등 ) 를고려해야함. 웹표준은웹접근성을보장하는든든한초석이된다.

31 웹접근성 (Accessibility) 웹접근성의기대효과 웹표준에기반을둔기술은시스템의경제적인효과를제고해줌. 유지보수비용절감 생산성향상 웹개발자의영역을효과적으로분리하여전문성에기반한시스템구축가능케함. 웹 2.0 의서비스관점에서웹접근성을높이면신규사업기회를발굴할수있음. 매쉬업 (Mash-up) 서비스의성공 파레토의법칙 (Pareto Principle) : 80% 에해당하는롱테일 (Long tail) 에관심 ( 아마존, 구글등 )

32 웹접근성 (Accessibility) 웹접근성점검프로그램 웹사이트의접근성을수동으로점검할수있는프로그램을이용하면직접코드를보지않더라도어느정도해당사이트의접근성을쉽게점검할수있다. KADO-WAH A-Prompt Fujitsu ColorDoctor : 색상에무관한인식 웹브라우저 파이어폭스 (Firefox) 오페라 (Opera) 파이어폭스용확장기능 웹개발자툴바 (Web Developer Toolbar) 파이어버그 (Firebug) HTML 검사기 (HTML Tidy Validator)

33 웹접근성품질마크 웹접근성품질마크 장애인및고령자가웹사이트이용에불편함이없도록웹접근성표준지침을준수하는우수한사이트에대해웹접근성수준을인정하고이를상징하는품질마크를부여하는제도 주체 품질마크인증기관 : 한국정보문화진흥원 (KADO) 품질마크심의 : 웹접근성품질마크위원회 대상 인터넷을통해정보통신서비스를제공하는웹사이트를운영하는기관및단체 법인등록사업자로서정부, 지자체, 공공기관, 시민단체, 기업체등

34 웹접근성품질마크 웹접근성품질마크인증기준 " 인터넷웹콘텐츠접근성지침 1.0" 에기초한웹접근성품질마크인증기준 13개항목, 26개요구조건 ( 지표 ) 의중요도별인증기준준수 의무요건 90% 이상, 권고요건 70%, 권장요건 50% 의준수율을만족하는수준 구분중요도 1 중요도 2 중요도 3 개념 의무 (Must) 반드시준수해야함. 권고 (Should) 마땅히준수해야함. 권장 (May) 준수하도록노력해야함. 의미 기본적인요구사항을충족시킴으로써웹접근성을보장 (ensure) 함미준수시웹콘텐츠에접근하는것이불가능 중대한결함을제거함으로써웹접근성을증대 (increase) 시킴미준수시웹콘텐츠에접근하는것이어렵게됨 사소한결함까지제거함으로써웹접근성을향상 (enhance) 시킴미준수시웹콘텐츠에접근하는것이불편하게됨 인증기준 90% 70% 50% 지표수 14 개지표 8 개지표 4 개지표

35 웹호환성 (Cross Browsing) 웹호환성 운영체제, 브라우저등어떠한환경에구별없이웹서비스와콘텐츠를동일하게사용할수있도록함 ( 웹호환성 = 상호운영성 ) 개발자 : 노가다와짜증의시작이며창작의지를꺾는괴물 웹호환성문제 표준을준수하지않고특정운영체제와특정브라우저에종속적인시스템개발

36 웹호환성 (Cross Browsing) 웹호환성현황준수율 ( 국내 ) 구분 준수율 공공기관 69.8 민간 65.5 금융기관 32.3 쇼핑몰 57.1 [ 출처 ] 한국소프트웨어진흥원

37 웹호환성 (Cross Browsing) 웹호환성의필요성 웹접근성확보 미래경쟁력확보 참여 (Participations), 개방 (Openess), 공유 (Sharing) 의정신인웹 2.0 은완전한플랫폼으로써의웹을의미함. 웹으로의진화풀브라우징 (Full Browsing) 추세 이종 (heterogeneous) 플랫폼간의개방화 (Openess) 문제 웹호환성향상 기능중립 사용성향상 웹호환성향상방안 기능중립 표준준수 범용표현지원 표준준수 범용표현지원 웹호환성향상방안

38 질의응답 주제토의 질의응답 감사합니다. One step ahead & Upgrade your experience!

PowerPoint 프레젠테이션

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

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

접근성과 웹 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

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

소프트웨어공학 Tutorial #2: StarUML Eun Man Choi

소프트웨어공학 Tutorial #2: StarUML Eun Man Choi 소프트웨어공학 Tutorial #2: StarUML Eun Man Choi emchoi@dgu.ac.kr Contents l StarUML 개요 l StarUML 소개및특징 l 주요기능 l StarUML 화면소개 l StarUML 설치 l StarUML 다운 & 설치하기 l 연습 l 사용사례다이어그램그리기 l 클래스다이어그램그리기 l 순서다이어그램그리기 2

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

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

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

성균관대학교시스템경영공학과 (6.2) 웹접근성이해및지침소개 한국정보화진흥원 웹접근성지원부현준호 성균관대학교시스템경영공학과 (6.2) 웹접근성이해및지침소개 2009. 6 한국정보화진흥원 웹접근성지원부 Jhyun22@kado.or.kr 1. 들어가기 -1 기술이사람을도와준다!! 기술이사람을 바보로만든다!! - 리모트콘트롤, 휴대폰, 웹사이트를 부모님이, 아이들이, 선생님이어떻게이용하십니까? 1 1. 들어가기 -2 맹자 牛山之木 ( 우산지목 ) 성선설 우산의나무들은일찍이아름다웠다.

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

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

about_by5

about_by5 WWW.BY5IVE.COM BYFIVE CO. DESIGN PARTNERS MAKE A DIFFERENCE BRAND EXPERIENCE CONSULTING & DESIGN PACKAGE / OFF-LINE EDITING CONSULTING & DESIGN USER EXPERIENCE (UI/GUI) / ON-LINE EDITING CONSULTING & DESIGN

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

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 육아상식 STYLE GUIDE Design Style Guide 0 Navigation 메뉴검색알람슈퍼맘맘스맘쇼핑맘이벤트 Icon 출석체크내프로필내포인트참여한이벤트 : 문의로그아웃 뒤로가기공유하기더보기글쓰기유튜브좋아요 _on 좋아요 _off 알리기공지사항 FAQ 설정 댓글공유하기이동하기뒤로가기닫기내프로필사진수정 카테고리프로필 _ 포인트내포인트자녀 Q A N

More information

ii iv 1 3 5 7 9 11 13 15 17 19 21 23 25 27 29 31 33 35 2 3 4 5 1 3 6 37 제품군 제품분류 39 제출물관리대장 41 43 45 47 < 접수번호 > 관리번호 평가결과보고서 < 평가대상제품명 > 년월일 < 평가기관명 > 49 제 1 장개요 o 일반적으로다음의사항을포함한다. - 정보보호제품평가인증관련규정 (

More information

Business Agility () Dynamic ebusiness, RTE (Real-Time Enterprise) IT Web Services c c WE-SDS (Web Services Enabled SDS) SDS SDS Service-riented Architecture Web Services ( ) ( ) ( ) / c IT / Service- Service-

More information

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

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

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

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

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 ONE page html 이란? 원페이지는최근의홈페이지제작트렌드로한페이지에상단에서하단으로의마우스스크롤링을통해서컨텐츠를보여주는스타일의홈페이지입니다. USER 의시선을분산시키지않고위쪽에서아래쪽으로마우스스크롤링을통해서홈페이지의컨텐츠를보여주게됩니다. 반응형으로제작되어스마트폰, 아이패드, 태블릿,PC, 노트북등다양한디바이스에서자동으로최적화됩니다. ONE page 웹사이트사례

More information

소프트웨어개발방법론

소프트웨어개발방법론 사용사례 (Use Case) Objectives 2 소개? (story) vs. 3 UC 와 UP 산출물과의관계 Sample UP Artifact Relationships Domain Model Business Modeling date... Sale 1 1..* Sales... LineItem... quantity Use-Case Model objects,

More information

untitled

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

More information

Web Scraper in 30 Minutes 강철

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

More information

SBR-100S User Manual

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

More information

쉽게 풀어쓴 C 프로그래밍

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

More information

장애인건강관리사업

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

More information

52 l /08

52 l /08 Special Theme_임베디드 소프트웨어 Special Report 모바일 웹 OS 기술 현황과 표준화 동향 윤 석 찬 다음커뮤니케이션 DNALab 팀장 1. 머리말 디바이스에 애플리케이션을 배포할 수 있다. 본 고에서는 모바일 웹 OS의 현황과 임베디드 환 오늘날 인터넷에서 웹 기반 콘텐츠가 차지하는 부 경에서 채용되고 있는 최적화 기술을 살펴보고, 웹

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

다른 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

PowerPoint Presentation

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 는각각의스타일속성에다양한값을입력

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

이장에서다룰내용 테두리를제어하는스타일시트 외부여백 (Margin) 과내부여백 (Padding) 관련속성 위치관련속성 2

이장에서다룰내용 테두리를제어하는스타일시트 외부여백 (Margin) 과내부여백 (Padding) 관련속성 위치관련속성 2 03 장. 테두리여백지정하는속성 이번장에서는테이블, 레이어, 폼양식등의더예쁘게꾸미기위해서 CSS 를이용하여 HTML 요소의테두리속성을바꾸어보자. 이장에서다룰내용 1 2 3 테두리를제어하는스타일시트 외부여백 (Margin) 과내부여백 (Padding) 관련속성 위치관련속성 2 01. 테두리를제어하는스타일시트 속성값설명 border-width border-left-width

More information

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

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

More information

2009방송통신산업동향.hwp

2009방송통신산업동향.hwp 제 1 절인터넷포털 53) 목차 1. 163. 163. 166 2. 168 176 1. 시장동향 가. 시장규모. 2008 2009. PWC 2008 / 15.6% 599. 2009 1.9% 587. *, (02) 570-4112, byjung@kisdi.re.kr 163 제 3 장 인터넷콘텐츠 < 표 3-1> 세계온라인광고시장규모추이 ( :, %) 2007

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

View Licenses and Services (customer)

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

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

혼자서일을다하는 JSP. 이젠일을 Servlet 과나눠서한다. JSP와서블릿의표현적인차이 - JSP는 <html> 내에서자바를사용할수있는수단을제공한다. - 서블릿은자바내에서 <html> 을작성할수있는수단을제공한다. - JSP나서블릿으로만웹페이지를작성하면자바와다양한코드가

혼자서일을다하는 JSP. 이젠일을 Servlet 과나눠서한다. JSP와서블릿의표현적인차이 - JSP는 <html> 내에서자바를사용할수있는수단을제공한다. - 서블릿은자바내에서 <html> 을작성할수있는수단을제공한다. - JSP나서블릿으로만웹페이지를작성하면자바와다양한코드가 혼자서일을다하는 JSP. 이젠일을 Servlet 과나눠서한다. JSP와서블릿의표현적인차이 - JSP는 내에서자바를사용할수있는수단을제공한다. - 서블릿은자바내에서 을작성할수있는수단을제공한다. - JSP나서블릿으로만웹페이지를작성하면자바와다양한코드가웹페이지내에뒤섞여있어서웹페이지의화면설계가점점어려워진다. - 서블릿이먼저등장하였으나, 자바내에

More information

(주)나우프로필의 이동형 대표 개편의 방향이 시민참여를 많이 하는 방향이라, 홈페이지 시안 이 매우 간편해져서 소통이 쉬워질 것 같다. 다만 웹보다 모바일 이용자가 지속적으로 급증하는 추세이므로 이에 적합한 구조가 되도록 보장해야 한다. 소셜미디어전략연구소 배운철 대표

(주)나우프로필의 이동형 대표 개편의 방향이 시민참여를 많이 하는 방향이라, 홈페이지 시안 이 매우 간편해져서 소통이 쉬워질 것 같다. 다만 웹보다 모바일 이용자가 지속적으로 급증하는 추세이므로 이에 적합한 구조가 되도록 보장해야 한다. 소셜미디어전략연구소 배운철 대표 홈페이지 정비 및 향후 추진방향 자문회의 회의록 일 시 : 2012. 1. 16(월) 14:00 ~ 16:00 장 소 : 1동 3층 스마트정보지원센터 참석자 : 내 외부 자문위원(10명), 관련부서 직원(10명), 정보화기획단장, 정보화기획담당관, 관련팀장, 직원 등 정보화기획단에서는 12. 1. 16(월)에 1동 3층 스마트정보지원센터에서 시정 홈페이지 통

More information

PowerPoint Presentation

PowerPoint Presentation 오에스아이소프트코리아세미나세미나 2012 Copyright Copyright 2012 OSIsoft, 2012 OSIsoft, LLC. LLC. PI Coresight and Mobility Presented by Daniel Kim REGIONAL 세미나 SEMINAR 세미나 2012 2012 2 Copyright Copyright 2012 OSIsoft,

More information

PowerPoint Template

PowerPoint Template 설치및실행방법 Jaewoo Shim Jun. 4. 2018 Contents SQL 인젝션이란 WebGoat 설치방법 실습 과제 2 SQL 인젝션이란 데이터베이스와연동된웹서버에입력값을전달시악의적동작을수행하는쿼리문을삽입하여공격을수행 SELECT * FROM users WHERE id= $_POST[ id ] AND pw= $_POST[ pw ] Internet

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

Lab1

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 이라는 언어로 만들어진 일종의 프로그램 웹페이지는 텍스트, 이미지, 동영상,

More information

산업원천기술개발사업 착수회의 20ft~40ft급 세일요트 엔지니어링 통합관리 및 핵심부품 생산기술 개발

산업원천기술개발사업 착수회의 20ft~40ft급 세일요트 엔지니어링 통합관리 및 핵심부품 생산기술 개발 세일 요트 제품과 업체 정보 관리를 위한 시스템 설계 이필립 지노스 2012 대한산업공학회 한국경영과학회 춘계학술대회 경주 1 / 21 차 례 1. 서론 2. 세일요트 온라인 시장 3. 세일요트 제품과 업체 정보관리 4. 세일 요트 제품과 업체 정보 관리를 위한 시스템 요구사항 분 석 요구사항 수집 기능 유스케이스 정의 5. 세일 요트 제품과 업체 정보 관리를

More information

Microsoft PowerPoint - 1주차 UML의 구성과 도구

Microsoft PowerPoint - 1주차 UML의 구성과 도구 UML의 구성과 도구 v UML(Unified Modeling Language) v UML의 구성 요소 v UML의 관계 v UML의 다이어그램 v UML 도구 UML(Unified Modeling Language) l 모델링 과정(modeling process)과 모델링 언어(modeling language)를 제안 모델링 과정 : 객체지향으로 분석하고 설계하는

More information

PowerPoint Template

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

More information

Week8-Extra

Week8-Extra Week 08 Extra HTML & CSS Joonhwan Lee human-computer interaction + design lab. HTML CSS HTML, HTML 5 1. HTML HTML HTML HTML (elements) (attributes), (arguments). HTML (tag), DTD (Document Type Definition).!4

More information

SIGIL 완벽입문

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

More information

Ext JS À¥¾ÖÇø®ÄÉÀ̼ǰ³¹ß-³¹Àå.PDF

Ext JS À¥¾ÖÇø®ÄÉÀ̼ǰ³¹ß-³¹Àå.PDF CHAPTER 2 (interaction) Ext JS., HTML, onready, MessageBox get.. Ext JS HTML CSS Ext JS.1. Ext JS. Ext.Msg: : Ext Ext.get: DOM 22 CHAPTER 2 (config). Ext JS.... var test = new TestFunction( 'three', 'fixed',

More information

1809_2018-BESPINGLOBAL_Design Guidelines_out

1809_2018-BESPINGLOBAL_Design Guidelines_out 베스핀글로벌 디자인 가이드라인 베스핀글로벌은 경험과 기술을 바탕으로 고객에게 신뢰를 주는 기업이기를 지향합니다. 모든 서비스와 소통채널에서 우리의 가치를 일관되게 표현하도록 합니다. SIGNATURE SIGNATURE + SLGAN SIGNATURE [CHINA] SIGNATURE + SYMBL 2018년 1.ver 베스핀글로벌 디자인 가이드라인 디자인 가이드라인을

More information

MVVM 패턴의 이해

MVVM 패턴의 이해 Seo Hero 요약 joshua227.tistory. 2014 년 5 월 13 일 이문서는 WPF 어플리케이션개발에필요한 MVVM 패턴에대한내용을담고있다. 1. Model-View-ViewModel 1.1 기본개념 MVVM 모델은 MVC(Model-View-Contorl) 패턴에서출발했다. MVC 패턴은전체 project 를 model, view 로나누어

More information

Microsoft PowerPoint - 11주차_Android_GoogleMap.ppt [호환 모드]

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

More information

2

2 2 About Honeyscreen Copyright All Right Reserved by Buzzvil 3 2013.06 2013.1 2014.03 2014.09 2014.12 2015.01 2015.04 전체 가입자 수 4 7 8 10대 20대 30대 40대 50대 9 52.27 % 42.83 % 38.17 % 33.46 % 10 Why Honeyscreen

More information

리포트_23.PDF

리포트_23.PDF Working Paper No 23 e-business Integrator From Strategy to Technology To remove the gap between e-biz strategy and implementation (eeyus@e-bizgroupcom) Creative Design 2001 04 24 e-business Integrator

More information

슬라이드 1

슬라이드 1 129 전체인원수 : 129명전문인력 : 123명인력구성 기획자 : 29 명 디자인 : 27 명 플래셔 : 8명 웹표준퍼블리셔 : 8명 jsp 프로그래머 : 51명 사이트리뉴얼및신규구축 2010 삼성모바일닷컴 UK 모바일사이트 삼성모바일닷컴 - 국내디자인개선 삼성모바일닷컴 -UK 및해외디자인개선 PJT 및확산 삼성모바일닷컴컨텐츠통합

More information

PowerPoint Presentation

PowerPoint Presentation 열린인터넷세상을시작합니다. 오픈웹기반 kbstar.com 전면개편 - PC/PAD 버전 - Open Web KB Background & Consensus I. Background & Consensus 1. Smart life 패러다임 오픈웹환경으로의기술발전과다양한디바이스들과의연결을통해언제어디서나인터넷과연결되어원하는정보와서비스를쉽고편리하게찾고소비하는 Smart

More information

3월16일자.hwp

3월16일자.hwp 동향 * 16) 1. 개요 구글 (Google) 은 2010년 5월구글 I/O 개발자컨퍼런스에서 HTML5를통해플러그인의사용이줄어들고프로그램다운로드및설치가필요없는브라우저기반웹플랫폼환경이점차구현되고있다고강조했다. 그리고애플 (Apple) 은 2010년 2월에출시한아이패드에서처리속도를지연시키는플래시 (flash) 를지원하지않고 HTML5 를이용하여웹브라우저에서오디오,

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

Microsoft PowerPoint - chap01-C언어개요.pptx

Microsoft PowerPoint - chap01-C언어개요.pptx #include int main(void) { int num; printf( Please enter an integer: "); scanf("%d", &num); if ( num < 0 ) printf("is negative.\n"); printf("num = %d\n", num); return 0; } 1 학습목표 프로그래밍의 기본 개념을

More information

미쓰리 파워포인트

미쓰리 파워포인트 computer & internet 07. FRAME TAG FRAME? 프레임이란? : 웹페이지를수직이나수평으로여러개영역으로나누어다른웹문서가들어갈수있도록구성할수있음. 이때나누어진각각의창을프레임이라고함. 2 FRAME 문서의구조 HTML 문서에서 태그기능을 프레임문서구조에서는 이대신함 일반웹페이지구조 ..

More information

열거형 교차형 전개형 상승형 외주형 회전형 도해패턴 계층형 구분형 확산형 합류형 대비형 상관형 (C) 2010, BENESO All Rights Reserved 2

열거형 교차형 전개형 상승형 외주형 회전형 도해패턴 계층형 구분형 확산형 합류형 대비형 상관형 (C) 2010, BENESO All Rights Reserved 2 c 2010, BENESO All rights reserved 1 열거형 교차형 전개형 상승형 외주형 회전형 도해패턴 계층형 구분형 확산형 합류형 대비형 상관형 (C) 2010, BENESO All Rights Reserved 2 u 열거형 : 대소, 위치등의관계에대해설명 u 교차형 : 중복, 합동, 복합, 공동등의관계에대해설명 설명도, 대소관계도, 제휴관계도,

More information

1. VBA 로웹문서접근및웹페이지정보수집하는방법엑셀 VBA 를통해웹페이지또는웹문서에접근하여정보를수정하고데이터를수집하기위해서는아래와같이크게 2 가지방법을사용합니다. 1-A. WinHTTP ( 또는 MSXMLHTTP) 이용 VBA 에서는 WinHTTP 또는 MSXMLHTT

1. VBA 로웹문서접근및웹페이지정보수집하는방법엑셀 VBA 를통해웹페이지또는웹문서에접근하여정보를수정하고데이터를수집하기위해서는아래와같이크게 2 가지방법을사용합니다. 1-A. WinHTTP ( 또는 MSXMLHTTP) 이용 VBA 에서는 WinHTTP 또는 MSXMLHTT 포탈사이트 로그인프로그램 만들기 #3 Copyright 2018 by 오빠두엑셀 0 1. VBA 로웹문서접근및웹페이지정보수집하는방법엑셀 VBA 를통해웹페이지또는웹문서에접근하여정보를수정하고데이터를수집하기위해서는아래와같이크게 2 가지방법을사용합니다. 1-A. WinHTTP ( 또는 MSXMLHTTP) 이용 VBA 에서는 WinHTTP 또는 MSXMLHTTP 를이용하여웹문서또는웹페이지의데이터를수집하고편집할수있는기능을제공합니다.

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 경영정보시스템 6 장 인간과컴퓨터의대화 : 프로그래밍언어 박주석 jspark@khu.ac.kr 경영정보시스템강의노트 목차 제1부정보화시대의도래제2부너무나빨리발전하는하드웨어제3부컴퓨터의핵심, 소프트웨어제4부컴퓨터를엮어주는정보통신제5부정보화를위한조직기술제6부경영정보시스템의구조와특성제7부경영정보시스템의발전방향 경영정보시스템강의노트 제 3 부 오그웨어 컴퓨터의핵심,

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

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

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

More information

Orcad Capture 9.x

Orcad Capture 9.x OrCAD Capture Workbook (Ver 10.xx) 0 Capture 1 2 3 Capture for window 4.opj ( OrCAD Project file) Design file Programe link file..dsn (OrCAD Design file) Design file..olb (OrCAD Library file) file..upd

More information

<4D F736F F F696E74202D20B5A5C0CCC5CDBAA3C0CCBDBA5F3130C1D6C2F75F32C2F7BDC32E >

<4D F736F F F696E74202D20B5A5C0CCC5CDBAA3C0CCBDBA5F3130C1D6C2F75F32C2F7BDC32E > 6. ASP.NET ASP.NET 소개 ASP.NET 페이지및응용프로그램구조 Server Controls 데이터베이스와연동 8 장. 데이터베이스응용개발 (Page 20) 6.1 ASP.NET 소개 ASP.NET 동적웹응용프로그램을개발하기위한 MS 의웹기술 현재 ASP.NET 4.5까지출시.Net Framework 4.5 에포함 Visual Studio 2012

More information

JAVA 프로그래밍실습 실습 1) 실습목표 - 메소드개념이해하기 - 매개변수이해하기 - 새메소드만들기 - Math 클래스의기존메소드이용하기 ( ) 문제 - 직사각형모양의땅이있다. 이땅의둘레, 면적과대각

JAVA 프로그래밍실습 실습 1) 실습목표 - 메소드개념이해하기 - 매개변수이해하기 - 새메소드만들기 - Math 클래스의기존메소드이용하기 (   ) 문제 - 직사각형모양의땅이있다. 이땅의둘레, 면적과대각 JAVA 프로그래밍실습 실습 1) 실습목표 - 메소드개념이해하기 - 매개변수이해하기 - 새메소드만들기 - Math 클래스의기존메소드이용하기 ( http://java.sun.com/javase/6/docs/api ) 문제 - 직사각형모양의땅이있다. 이땅의둘레, 면적과대각선의길이를계산하는메소드들을작성하라. 직사각형의가로와세로의길이는주어진다. 대각선의길이는 Math클래스의적절한메소드를이용하여구하라.

More information

untitled

untitled A Leader of Enterprise e-business Solution FORCS Co., LTD 1 OZ Application Getting Started (ver 5.1) 2 FORCS Co., LTD A Leader of Enterprise e-business Solution FORCS Co., LTD 3 OZ Application Getting

More information

성능 감성 감성요구곡선 평균사용자가만족하는수준 성능요구곡선 성능보다감성가치에대한니즈가증대 시간 - 1 -

성능 감성 감성요구곡선 평균사용자가만족하는수준 성능요구곡선 성능보다감성가치에대한니즈가증대 시간 - 1 - - 1 - 성능 감성 감성요구곡선 평균사용자가만족하는수준 성능요구곡선 성능보다감성가치에대한니즈가증대 시간 - 1 - - 2 - - 3 - - 4 - - 5 - - 6 - - 7 - - 8 - - 9 - - 10 - - 11 - - 12 - 감각및자극 (Sensory & Information Stimuli) 개인 (a person) 감성 (Sensibility)

More information

<343720B0ADBFB5B9AB2DC0A520C1A2B1D9BCBA20B1B3C0B0B0FAC1A420B0B3B9DF2E687770>

<343720B0ADBFB5B9AB2DC0A520C1A2B1D9BCBA20B1B3C0B0B0FAC1A420B0B3B9DF2E687770> 한국산학기술학회논문지 Vol. 12, No. 2 pp. 909-919, 2011 홍순구 1, 강영무 1*, 박성제 2, 이현미 1 1 동아대학교경영정보학과, 2 동의대학교 e- 비즈니스학과 Development of Web Accessibility Curriculum Soon Goo Hong 1, Young Moo Kang 1*, Seong Je Park 2

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 HTML5 웹프로그래밍입문 5 장. 고급표현을위한 CSS3 활용 1 목차 5.1 박스모델설정하기 5.2 레이아웃설정하기 5.3 다양한효과설정하기 5.4 움직임설정하기 2 5.1 박스모델설정하기 5.1.1 영역설정을위한박스모델 5.1.2 박스모델유형의지정 3 영역설정을위한박스모델 배경영역 , , : 해당하는줄만큼배경 ,

More information

슬라이드 1

슬라이드 1 Enterprise UI Architecture Framework Natural-JS 목차 1. 엔터프라이즈어플리케이션 UI 개발기술의변화 2. 현표준웹기반엔터프라이즈 UI 개발도구현황 3. Natural-JS 아키텍처구성 4. Natural-JS 특징 5. 기대효과 6. 수행이력 7. DEMO 1. 엔터프라이즈어플리케이션 UI 개발기술의변화 2000 년대이전

More information

IBM blue-and-white template

IBM blue-and-white template 쌍용자동차 CATIA V5 적용사례 쌍용자동차기술관리팀안재민 AGENDA 1. SYMC PRODUCT LINE UP 2. SYMC PDM Overview 3. CV5 & PDM Implementation Overview 4. PDM을이용한 CV5 Relational Design 5. 향후과제 6. Q & A 2 Presentation Title 1 2 1.

More information

Microsoft PowerPoint - HTML5-교육컨설팅.ppt

Microsoft PowerPoint - HTML5-교육컨설팅.ppt 융합형 IT Specialist 인력양성교육 웹개발기술의변화방향 윤석찬 다음커뮤니케이션 HTML Timeline HTML5 리치웹기술의성장 과거의유산 웹브라우저전쟁및비표준웹브라우저 (IE6) 플러그인양산ActiveX, NS Plugin, Flash 웹 2.0 과웹애플리케이션 브로드밴드환경하에사용자참여기반의웹플랫폼성장 Ajax 기반의리치웹애플리케이션성장 ( 구글맵,

More information

Microsoft PowerPoint App Fundamentals[Part1](1.0h).pptx

Microsoft PowerPoint App Fundamentals[Part1](1.0h).pptx To be an Android Expert 문양세강원대학교 IT 대학컴퓨터학부 애플리케이션기초 애플리케이션컴포넌트 액티비티와태스크 Part 1 프로세스와쓰레드 컴포넌트생명주기 Part 2 2 Library Java (classes) aapk.apk (android package) identifiers Resource & Configuration aapk: android

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

What is ScienceDirect? ScienceDirect는 세계 최대의 온라인 저널 원문 데이터베이스로 엘스비어에서 발행하는 약,00여 종의 Peer-reviewed 저널과,000여권 이상의 도서를 수록하고 있습니다. Peer review Subject 수록된

What is ScienceDirect? ScienceDirect는 세계 최대의 온라인 저널 원문 데이터베이스로 엘스비어에서 발행하는 약,00여 종의 Peer-reviewed 저널과,000여권 이상의 도서를 수록하고 있습니다. Peer review Subject 수록된 Empowering Knowledge Quick Reference Guide www.sciencedirect.com Elsevier Korea 0-8 서울시 용산구 녹사평대로 0 (이태원동) 천우빌딩 층 Tel. 0) 7-0 l Fax. 0) 7-889 l E-mail. sginfo.elsevier.com Homepage. http://korea.elsevier.com

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 SMV 소개 Konkuk Univ. IT 융합정보보호학과 오예원, 박선영 목차 SMV 소개 CTL NuSMV 설치방법및예시 (lift) 향후계획 SMV SMV(Symbolic Model Verifier) 는유한상태시스템 (finite state system) 이 CTL(Computation Tree Logic) 이라는논리와 BDD(Binary Decision

More information

e-비즈니스 전략 수립

e-비즈니스 전략 수립 CSS3 속성 HTML5 웹프로그래밍입문 ( 개정판 ) Contents 학습목표 CSS3가지원하는스타일속성과스타일값을활용할수있습니다. CSS3를사용해레이아웃을잡을수있습니다. 내용 CSS3 단위 박스속성 display 속성 배경속성 글자속성 위치속성 float 속성 그림자속성 그레이디언트 2/85 1. CSS3 단위 키워드단위 W3C에서미리정의한단어 키워드를입력하면키워드에해당하는스타일이자동으로적용

More information

순 서 1. 직종설명 1 2. 경기과제에관한사항 2 3. 사용재료 경기장구성및배치 경기장시설 ᆞ 장비목록 경기진행절차 채점에관한사항 안전관리 공통사항 적용시기 주요개정사항 31 [

순 서 1. 직종설명 1 2. 경기과제에관한사항 2 3. 사용재료 경기장구성및배치 경기장시설 ᆞ 장비목록 경기진행절차 채점에관한사항 안전관리 공통사항 적용시기 주요개정사항 31 [ 개정일 : `18. 5. 8 직종설명서 직종명 : 웹디자인및개발 (Web Design & Development) - 1 - 순 서 1. 직종설명 1 2. 경기과제에관한사항 2 3. 사용재료 22 4. 경기장구성및배치 23 5. 경기장시설 ᆞ 장비목록 23 6. 경기진행절차 25 7. 채점에관한사항 29 8. 안전관리 29 9. 공통사항 30 10. 적용시기

More information

Macaron Cooker Manual 1.0.key

Macaron Cooker Manual 1.0.key MACARON COOKER GUIDE BOOK Ver. 1.0 OVERVIEW APPLICATION OVERVIEW 1 5 2 3 4 6 1 2 3 4 5 6 1. SELECT LAYOUT TIP 2. Add Page / Delete Page 3. Import PDF 4. Image 5. Swipe 5-1. Swipe & Skip 5-2. Swipe & Rotate

More information

07

07 5 400 401 402 403 404 405 406 407 408 409 410 411 412 413 414 415 1 416 417 418 419 420 421 422 423 424 425 426 427 428 429 430 431 432 433 434 435 436 437 438 439 440 441 442 443 444 100년을 그린 10년의 발자취

More information

untitled

untitled A Leader of Enterprise e-business Solution FORCS Co., LTD 1 OZ Application Designer Getting Started 2 FORCS Co., LTD A Leader of Enterprise e-business Solution FORCS Co., LTD 3 OZ Application Designer

More information

untitled

untitled A Leader of Enterprise e-business Solution FORCS Co., LTD 1 OZ Application Designer Getting Started 2 FORCS Co., LTD A Leader of Enterprise e-business Solution FORCS Co., LTD 3 OZ Application Designer

More information

정부3.0 국민디자인단 운영을 통해 국민과의 소통과 참여로 정책을 함께 만들 수 있었고 그 결과 국민 눈높이에 맞는 다양한 정책 개선안을 도출하며 정책의 완성도를 제고할 수 있었습니다. 또한 서비스디자인 방법론을 각 기관별 정부3.0 과제에 적용하여 국민 관점의 서비스 설계, 정책고객 확대 등 공직사회에 큰 반향을 유도하여 공무원의 일하는 방식을 변화시키고

More information

제8장 자바 GUI 프로그래밍 II

제8장 자바 GUI 프로그래밍 II 제8장 MVC Model 8.1 MVC 모델 (1/7) MVC (Model, View, Controller) 모델 스윙은 MVC 모델에기초를두고있다. MVC란 Xerox의연구소에서 Smalltalk 언어를바탕으로사용자인터페이스를개발하기위한방법 MVC는 3개의구성요소로구성 Model : 응용프로그램의자료를표현하기위한모델 View : 자료를시각적으로 (GUI 방식으로

More information

*º¹ÁöÁöµµµµÅ¥-¸Ô2Ä)

*º¹ÁöÁöµµµµÅ¥-¸Ô2Ä) 01 103 109 112 117 119 123 142 146 183 103 Guide Book 104 105 Guide Book 106 107 Guide Book 108 02 109 Guide Book 110 111 Guide Book 112 03 113 Guide Book 114 115 Guide Book 116 04 117 Guide Book 118 05

More information

160322_ADOP 상품 소개서_1.0

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

More information

PowerPoint 프레젠테이션

PowerPoint 프레젠테이션 About UX Interaction Design Presentation Let s know UX easily B593156 장혜연 B599239 정선하 What is UX CONTENTS What is UX Design Design Updated Unsatisfactory 1 http://organizationalphysics.com/2012/01/09/the-5-classic-mistakes-in-organizational-structure-or-how-todesign-your-organization-the-right-way/

More information

K-ICT 클라우드 서비스 적용 시범사업 -창원국가산업단지 입주기업대상- Partner for New Possibilities 모든 사람과 기업들이 꿈을 실현하고 더 나은 세상을 위한 새로운 가능성을 만들어 갈 때 SK텔레콤이 항상 그들과 함께하는 동반자가 되겠다는 의미입니다. 가능성의 릴레이 사람에서 기술로, 다시 사람으로 가능성의 릴레이는 고객의 삶 속에서

More information

슬라이드 1

슬라이드 1 201111339 김민우 201111344 김재엽 201211386 최하나 1 UML 이란 2 UML 특징 3 UML 의구성요소 3.1 UML Building Blocks 구성요소 사물 (Things) 관계 (Relationship) 다이어그램 (Diagram) 4 UML 모델링 Tools : CASE UML(Unified Modeling Language)

More information

<4D F736F F F696E74202D20C1A63236C0E520BED6C7C3B8B428B0ADC0C729205BC8A3C8AF20B8F0B5E55D>

<4D F736F F F696E74202D20C1A63236C0E520BED6C7C3B8B428B0ADC0C729205BC8A3C8AF20B8F0B5E55D> Power Java 제 26 장애플릿 이번장에서학습할내용 애플릿소개 애플릿작성및소개 애플릿의생명주기 애플릿에서의그래픽컴포넌트의소개 Applet API의이용 웹브라우저상에서실행되는작은프로그램인애플릿에대하여학습합니다. 애플릿이란? 애플릿은웹페이지같은 HTML 문서안에내장되어실행되는자바프로그램이다. 애플릿을실행시키는두가지방법 1. 웹브라우저를이용하는방법 2. Appletviewer를이용하는방법

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

슬라이드 1

슬라이드 1 Enterprise UI Architecture Framework Natural-JS 2018.10. 목차 1. 엔터프라이즈어플리케이션 UI 개발기술의변화 2. 현표준웹기반엔터프라이즈 UI 개발도구현황 3. Natural-JS 아키텍처구성 4. Natural-JS 특징 5. 기대효과 1. 엔터프라이즈어플리케이션 UI 개발기술의변화 2000 년대이전 2000

More information

설계란 무엇인가?

설계란 무엇인가? 금오공과대학교 C++ 프로그래밍 jhhwang@kumoh.ac.kr 컴퓨터공학과 황준하 9 강. 클래스의활용목차 멤버함수의외부정의 this 포인터 friend 선언 static 멤버 임시객체 1 /17 9 강. 클래스의활용멤버함수의외부정의 멤버함수정의구현방법 내부정의 : 클래스선언내에함수정의구현 외부정의 클래스선언 : 함수프로토타입 멤버함수정의 : 클래스선언외부에구현

More information

<30312DC1A4BAB8C5EBBDC5C7E0C1A4B9D7C1A4C3A528B1E8B9E6BFEB292E687770>

<30312DC1A4BAB8C5EBBDC5C7E0C1A4B9D7C1A4C3A528B1E8B9E6BFEB292E687770> Journal of the Korea Institute of Information and Communication Engineering 김호진 1 김창수 2* Design and Implementation of Job Training Management System by Considering Multi-Devices Ho-jin Kim 1 Chang-soo

More information

Secure Programming Lecture1 : Introduction

Secure Programming Lecture1 : Introduction Malware and Vulnerability Analysis Lecture4-1 Vulnerability Analysis #4-1 Agenda 웹취약점점검 웹사이트취약점점검 HTTP and Web Vulnerability HTTP Protocol 웹브라우저와웹서버사이에하이퍼텍스트 (Hyper Text) 문서송수신하는데사용하는프로토콜 Default Port

More information

PowerPoint 프레젠테이션

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

More information