33
청년취업아카데미 사업 소개 UX 디자인 분야 웹표준 개발 분야 2014. 5.

청년취업아카데미 소개 - KIPFA · 2014-06-05 · 2일차 UX 방법론 UI/UI 방법론 개념 웹에이전시 웹 기획 방법론 신규 서비스 개발 시 UX 방법론

  • Upload
    others

  • View
    4

  • Download
    0

Embed Size (px)

Citation preview

Page 1: 청년취업아카데미 소개 - KIPFA · 2014-06-05 · 2일차 UX 방법론 UI/UI 방법론 개념 웹에이전시 웹 기획 방법론 신규 서비스 개발 시 UX 방법론

청년취업아카데미 사업 소개 UX 디자인 분야

웹표준 개발 분야

2014. 5.

Page 2: 청년취업아카데미 소개 - KIPFA · 2014-06-05 · 2일차 UX 방법론 UI/UI 방법론 개념 웹에이전시 웹 기획 방법론 신규 서비스 개발 시 UX 방법론
Page 3: 청년취업아카데미 소개 - KIPFA · 2014-06-05 · 2일차 UX 방법론 UI/UI 방법론 개념 웹에이전시 웹 기획 방법론 신규 서비스 개발 시 UX 방법론

1. 운영 기관 개요

2. 운영 기관 주요 사업 영역

3. 운영 기관 주요 정부 교육 분야 실적

4. 운영 기관 주요 행사 : 어워드코리아 시상식

5. 운영 기관 주요 행사 : HCI 학회

Page 4: 청년취업아카데미 소개 - KIPFA · 2014-06-05 · 2일차 UX 방법론 UI/UI 방법론 개념 웹에이전시 웹 기획 방법론 신규 서비스 개발 시 UX 방법론

한국인터넷전문가협회는 유무선 인터넷을 이용하거나 응용하여 인터넷 기술 및 서비스의 연구, 기획, 조

사, 설계, 개발, 디자인, 홍보, 광고, 마케팅, 분석, 계약, 구매, 조달, 시험, 감리, 평가, 검사, 관리, 자문, 교

육, 유지 또는 보수 활동을 수행하는 인터넷 기업 및 인터넷전문가들로 구성된 단체로서, 미래창조과학부

산하의 비영리 단체로 등록되어 있습니다.

기관명 (사)한국인터넷전문가협회 / Korea Internet Professional Association

설립일 2010년 5월 3일

사업 분야 인터넷정보매개서비스, 인터넷신기술 연구개발, 시장조사 및 여론조사, 인터넷전문인력파견 및 중개, 출판, 교육, 컨설팅 등

주소 서울시 동작구 동작대로 43(사당동, 5층)

연락처 Tel. 02-874-8648 Fax. 02-874-8738

대표자 회장 김진수 (현 KG패스원 대표, 전 예스24, 야후코리아 대표 역임)

조직 이사회, 회장단, 감사, 실무분과위원회(7), 사무국(1실, 3센터)

웹사이트 http://www.kipfa.or.kr

4

Page 5: 청년취업아카데미 소개 - KIPFA · 2014-06-05 · 2일차 UX 방법론 UI/UI 방법론 개념 웹에이전시 웹 기획 방법론 신규 서비스 개발 시 UX 방법론

WEB/APP/iECO AWARD 인터넷 전문가 교육사업 및 인증사업

리서치 사업 웹사이트 평가 및 컨설팅

웹어워드코리아 시상식 개최

스마트앱어워드 행사 개최

인터넷에코어워드 행사 개최

평가데이터관리 및 평가보고서 제작

인터넷 컨퍼런스 및 세미나 개최

인터넷 실무자 재교육

인터넷 전문가 양성교육

인터넷 전문인력 지원사업

웹사이트 인증서비스

웹사이트 웹표준/접근성 평가 서비스

웹사이트 평가 및 자문 컨설팅

산업분야별 트렌드 분석보고서

인터넷 실태 및 현황조사

인터넷 시장조사 및 설문조사

웹코리아 연감 발행

5

Page 6: 청년취업아카데미 소개 - KIPFA · 2014-06-05 · 2일차 UX 방법론 UI/UI 방법론 개념 웹에이전시 웹 기획 방법론 신규 서비스 개발 시 UX 방법론

년도 사업명 사업기간 인원 주관기관

2014년

2014년도 청년 취업 아카데미 사업 2014.3.1.~2014.2.28. 120 고용노동부/산업인력공단

2014년도 스펙 초월 멘토 스쿨 사업 2014.3.1.~2014.2.28. 50 고용노동부/산업인력공단

2014년도 현장 기술 인력 재교육 사업 2014.1.1.~2014.12.31. 620 고용노동부/산업인력공단

2014년도 차세대 모바일 사업(UXDS 6기~7기) 2014.1.1.~2014.12.31. 60 미래창조과학부

2013년

2013년도 현장 기술 인력 재교육 사업 2013.1.1.~2013.12.31. 673 고용노동부/산업인력공단

2013년도 차세대 모바일 사업(UXDS 4기~5기) 2013.1.1.~2013.12.31. 80 방송통신위원회

2013년도 SW 융합 채용 연수 사업 2013.7.1.~2014.1.28. 36 미래창조과학부

2013년도 창조 아카데미 운영 사업(2차년도) 2013.7.1.~2014.6.30. 170 서울시/서울산업통상진흥원

2012년

2012년도 차세대 모바일 사업(UXDS 1기~3기) 2012.1.1.~2012.12.31. 120 미래창조과학부

2012년도 중소기업 핵심직무능력향상 지원 2012.4.1.~2012.11.30. 360 고용노동부

2012년도 현장 기술 인력 재교육 사업 2012.7.1.~2012.12.31. 675 고용노동부/산업인력공단

2012년도 SW 융합 채용 연수 사업 2012.7.1.~2013.2.28. 40 지식경제부

2012년도 창조 아카데미 운영 사업(1차년도) 2012.7.1.~2013.6.30. 200 서울시/서울산업통상진흥원

6

Page 7: 청년취업아카데미 소개 - KIPFA · 2014-06-05 · 2일차 UX 방법론 UI/UI 방법론 개념 웹에이전시 웹 기획 방법론 신규 서비스 개발 시 UX 방법론

7

행사명 일정 사업 내용 장소

제 10회 웹어워드코리아

시상식 2013. 12. 16.

시상식을 통한 유무선 인터넷 서비스 활용 우수기업 발굴

유무선 인터넷 서비스 및 기술 개발에 대한 동기부여

인터넷 비스니스의 협업모델 개발을 통한 기업간 상생체계 구축

코엑스

인터컨티넨털 호텔

제 4회 인터넷에코어워드

시상식 2013. 12. 16.

제 4회 스마트앱어워드

시상식 2013. 12. 19.

웹어워드코리아 2014

컨퍼런스 2014. 2.

웹어워드/앱어워드 수상 사이트를 중심으로 한해의 인터넷 트렌드를

조망하기 위한 행사

[축사]

[시상식 장면]

Page 8: 청년취업아카데미 소개 - KIPFA · 2014-06-05 · 2일차 UX 방법론 UI/UI 방법론 개념 웹에이전시 웹 기획 방법론 신규 서비스 개발 시 UX 방법론

8

(사)한국에이치씨학회가 개최하는 우리나라 최대의 융합 학술축제

’14년 2월 12일~14일 강원도 컨벤션 호텔, 참석자 2,000명, 52개 세션(워크숍, 튜토리얼 등) 진행

2012년~2014년 2개년 수행중

[학술대회 일정]

Page 9: 청년취업아카데미 소개 - KIPFA · 2014-06-05 · 2일차 UX 방법론 UI/UI 방법론 개념 웹에이전시 웹 기획 방법론 신규 서비스 개발 시 UX 방법론

1. 사업 개요

2. 사업 추진 배경

3. 사업 운영 방법

Page 10: 청년취업아카데미 소개 - KIPFA · 2014-06-05 · 2일차 UX 방법론 UI/UI 방법론 개념 웹에이전시 웹 기획 방법론 신규 서비스 개발 시 UX 방법론

10

청년취업아카데미는 산업현장이 필요로 하는 실전에 강한 청년인재를 양성하는 프로젝트

로 운영기관이 중심이 되어 아카데미 협력대학과 참여기업을 하나로 이어주어 청년들에게는

안정된 직장을 대학에는 산업현장 수요를 반영한 교육과정의 현장지향성을 강화하고 산업현

장에는 실전형 인재를 육성하여 배치하는데 목적을 두고 있다.

주관부처

운영기관

시 행 처

연수기관 (3개 대학교)

• 일반 기업 : 22개 기업

• 강소 기업 : 1개 기업

참여기업(23개 기업)

Page 11: 청년취업아카데미 소개 - KIPFA · 2014-06-05 · 2일차 UX 방법론 UI/UI 방법론 개념 웹에이전시 웹 기획 방법론 신규 서비스 개발 시 UX 방법론

11

취업희망 청년들은 고학력화와 일자리 미스매치의 진통을 겪고 있습니다.

청년취업아카데미는 실무역량을 갖춘 인재를 양성함으로써 대학 교육과

취업현실간의 차이를 좁혀 일자리 미스매치를 해소하려 합니다.

대학진학률 급상승으로

청년층 초과 공급상태

산업계 수요와 거리가

있는 대학 교과과정

신규직원보다 경력자를

선호하는 경향이 뚜렷

급격한 고학력자 증가 기업 선호의 인재 부재 경력자 채용 선호

Page 12: 청년취업아카데미 소개 - KIPFA · 2014-06-05 · 2일차 UX 방법론 UI/UI 방법론 개념 웹에이전시 웹 기획 방법론 신규 서비스 개발 시 UX 방법론

12

취업 희망 청년

대학교 재학생(졸업예정)

대학 졸업생(만34세 미만)

기업, 사업주단체가 주도하고 대학이 협력하여, 취업희망 청년들을 교육하고

참여기업에 취업연계 시키는 구조로 운영

운영기관

일반 기업 : 22개 기업

강소 기업 : 1개 기업

참여기업 (23개 기업)

•웹 에이전시

•모바일앱 개발사

•디자인 광고 기획사 등

취업연계 연수생선발 및 교육

Page 13: 청년취업아카데미 소개 - KIPFA · 2014-06-05 · 2일차 UX 방법론 UI/UI 방법론 개념 웹에이전시 웹 기획 방법론 신규 서비스 개발 시 UX 방법론

1. 프로그램 개요

2. 전체 일정

3. 입학식 및 취업 캠프(워크샵)

4. 직무 이론 및 실습 교육

5. 취업 교육 및 기업 견학(연수) 및

프로젝트 발표회 및 취업 박람회

Page 14: 청년취업아카데미 소개 - KIPFA · 2014-06-05 · 2일차 UX 방법론 UI/UI 방법론 개념 웹에이전시 웹 기획 방법론 신규 서비스 개발 시 UX 방법론

채용 연계 및 취업 활동 지원(수료 후 6개월)

2박 3일

6/23~6/25

연수원(미정)

UX 디자인과정

6/26~8/21

계원예술대학교

웹표준과정

6/26~8/21

인덕대•수원여대 취업교육/기업견학

6/26~11/20

참여기업 방문

프로젝트 발표회 및 취업 박람회(11.21.)

각 학교별 진행

직무이론 및 실습교육

14

주5일, 일일6시간

총 240시간

학점인정

Page 15: 청년취업아카데미 소개 - KIPFA · 2014-06-05 · 2일차 UX 방법론 UI/UI 방법론 개념 웹에이전시 웹 기획 방법론 신규 서비스 개발 시 UX 방법론

15

구분 내용 일정

설명회 각 학교별 진행 5.13. ~ 5.16.

모집 및 선발 온라인 및 오프라인 접수, 서류 전형 후 면접 실시 5.13 ~ 6.12.

공통 과정 1

입학식 및 취업 캠프

오리엔테이션, 이미지메이킹, 마인드맵, 스피치강의, 팀웍교육, 멘토와의 만남 등

6.23. ~ 6.25.

핵심 직무 과정

직무 이론 교육 및 실습 교육

UX 디자인 과정 이론 및 실습 교육(계원예대) 웹표준 과정 이론 및 실습 교육(인덕대, 수원여대)

6.26. ~ 8.21.

공통 과정 2

현장견학실습 과정 유사 업종 회사 현장 견학 및 현장 실습 6.26. ~ 11.20.

취업 교육 취업 지원 관련 교육 6.26. ~ 11.20.

공통 과정 3

취업박람회 & 발표회

프로젝트 발표회 및 취업 박람회 11.21.

Page 16: 청년취업아카데미 소개 - KIPFA · 2014-06-05 · 2일차 UX 방법론 UI/UI 방법론 개념 웹에이전시 웹 기획 방법론 신규 서비스 개발 시 UX 방법론

16

과정 날짜 내용 강사 강의시간

공통 과정

1

1일차 (6.23.)

오리엔테이션 (협회, 과정, 강사소개) 운영기관 -

꿈, 비전 그리고 희망 1 (UX디자인 분야) UX 분야 강사 1

꿈, 비전 그리고 희망 2 (웹표준 분야) 웹표준 분야 강사 1

면접 이미지메이킹 김순영 강사 3

2일차 (6.24.)

창의적 자기 계발 도영태 강사 3

긍정의 자존감과 힐링 오상민 강사 3

취업전략과 디자인 김경미 강사 4

3일차 (6.25.)

면접 프레젠테이션 기법 송진국 강사 3

멘토와의 만남 김진수 회장 3

소계 20시간

일정 : 2014. 6. 23. ~ 6. 25. (2박3일)

장소 : 연수원(추후 공지) * 각 학교로 집결 후 버스 출발

인원 : 학교별 40명(3개 대학 총 120명)

Page 17: 청년취업아카데미 소개 - KIPFA · 2014-06-05 · 2일차 UX 방법론 UI/UI 방법론 개념 웹에이전시 웹 기획 방법론 신규 서비스 개발 시 UX 방법론

17

강사 전민수 / 이종원 기간 6.26. ~ 8.21. 시간 240시간(6H/1D)

정원 40명 교육장 계원예술대학교

교육 목적 스마트시대 경쟁력의 정점인 사용자경험(UX)과 이를 반영한 인터페이스(UI) 개발 기술은 최고의 취업 경쟁력이 될 수 있음.

교육 내용 UI/UX 개념, UX방법론, 스토리라인, won 분석, Task 분석, Usability Test, 어피니티 다이아그램, 여정지도, 카드소팅, 와이어프레임 등

활용 교재 자체 개발 교재 및 UI/UX 실무 과정 관련 교재

[이력사항]

현, 이비피알컨설팅 대표이사

현, (사)한국웹사이트연구원 원장

현, 한양대학교 문화컨텐츠학과 겸임교수

현, 정보통신진흥원. UX컨설턴트 포럼 위원

현, 세리 웹사이트평가그룹 시삽

전, 서울시 정보화추진위원(2002-2006)

전, 삼성SDS멀티캠퍼스 웹기획/UI과정 강사

[이력사항]

모바일 앱 UX/UI 디자인 & 개발 스튜디오

‘앱스디자인 Apps Design’ 대표

저서 : ‘스마트폰 앱 UX/UI 디자인’

강의 : 인터넷전문가협회, 아카데미정글

인증 :

Fluid UI Certified Expertise, App Cooker

Certified Expert

Datacolor Color Management Certified

Expert

[전민수 강사] [이종원 강사]

Page 18: 청년취업아카데미 소개 - KIPFA · 2014-06-05 · 2일차 UX 방법론 UI/UI 방법론 개념 웹에이전시 웹 기획 방법론 신규 서비스 개발 시 UX 방법론

18

일차 커리큘럼 세부 내용

1일차 UI/UX 개념

UI/UX 개념

사용자 경험

최적의 경험

워크숍: 최적의경험

HCI 개념

유용성, 사용성, 감성

2일차 UX 방법론

UI/UI 방법론 개념

웹에이전시 웹 기획 방법론

신규 서비스 개발 시 UX 방법론

리뉴얼 개발 시 UX 방법론

서비스 디자인 방법론

IEDO 방법론

3일차 스토리라인

스토리라인 개요

CaseStudy: 스토리라인

Task 구조 정의

실습: 스토리라인

실습: 조별 스토리라인 피드백

4일차 won 분석

wom 분석 개요

긍정적 이미지

부정적 이미지

wom 분석 방법론

실습: wom수집

5일차 Task 분석

Task 정의

Task 이슈 분석

이해관계자 인터뷰

요구사항 정의서

현황 분석서

Page 19: 청년취업아카데미 소개 - KIPFA · 2014-06-05 · 2일차 UX 방법론 UI/UI 방법론 개념 웹에이전시 웹 기획 방법론 신규 서비스 개발 시 UX 방법론

19

일차 커리큘럼 세부 내용

6일차 인댑스 인터뷰

인댑스 인터뷰 개요, 필요성

인댑스 인터뷰 질의서

실습: 인댑스 인터뷰

컨텐츠 Experience Testing

실습: 컨텐츠 Experience Testing

실습: 인터뷰 질의서 작성

7일차 서베이/FGI

서베이 개요

서베이 질의서 작성

실습: 서베이 질의서 작성

서베이 분석

FGI 개요

FGI 진행 요령

8일차 사용성 모델

효율성, 정확성

의미성, 유연성, 일관성

실습: 사용성모델

9일차 사용성 테스트

사용성 테스트 개요

사용성 테스트 과제 시나리오

사용성 테스트 진행

실습: 사용성 테스트

10일차 벤치마킹

벤치마킹 개요

벤치마킹 방법론

벤치마킹 기준

11일차 UX 개선과제 도출

리서치 정리

중장기 전략 도출

개선과제 도출

세부 개선과제 도출

12일차 퍼소나

퍼소나 개념

퍼소나 유형

실습. 퍼소나

Page 20: 청년취업아카데미 소개 - KIPFA · 2014-06-05 · 2일차 UX 방법론 UI/UI 방법론 개념 웹에이전시 웹 기획 방법론 신규 서비스 개발 시 UX 방법론

20

일차 커리큘럼 세부 내용

13일차 여정 지도

여정지도 개요

여정지도 작성 방법

실습: 여정 지도

14일차 정보구조 정보구조

실습: 정보 구조

15일차 UI 라이브러리(1)

레이아웃과 스크린

메뉴, 컨트롤 바, 버튼

실습: UI 라이브러리

16일차 UI 라이브러리(2) 얼럿, 픽커, 테이블, 리스트, 입력 요소

실습:UI 라이브러리

17일차 Flow chart FlowChart

실습: FlowChart

18일차 메인 화면 설계

근접성 법칙

페쇄성 법칙

유사성 법칙

실습: 메인 화면 설계

19일차 프로토타입 프로토타입 설계

실습: 프로토타입

20일차 와이어프레임 와이어프레임 설계

실습: 와이어프레임

21일차 프로젝트 실습 (1) UX 기획

22일차 프로젝트 실습 (2) UX 분석

23일차 프로젝트 실습 (3) UX 전략

24일차 프로젝트 실습 (4) UX 설계

25일차 프로젝트 실습 (5) UX 설계

26일차 UX프로젝트의 구성 ,프로세스의 이해, 디자인의 역할

UX 프로젝트 방법론

효율적 디자인 프로세스

조직에 맞는 UX 방법론

Page 21: 청년취업아카데미 소개 - KIPFA · 2014-06-05 · 2일차 UX 방법론 UI/UI 방법론 개념 웹에이전시 웹 기획 방법론 신규 서비스 개발 시 UX 방법론

21

일차 커리큘럼 세부 내용

27일차 모바일앱 UX/UI/GU의 이해, 모바일 운영체제 학습

디지털 디자인에서의 UX, UI, GUI

애플 iOS7 디자인 가이드라인 학습

안드로이드 OS 학습

28일차 트렌드와 넥스트 패러다임, IoT의 이해

2014년 트렌드, Post-PC 도래

IoT의 이해와 디자이너의 역할

IoT 사례

웨어러블 디바이스의 구성

29일차 모바일 앱 UI 디자인 패턴

모바일 앱 UI 디자인 패턴 학습

컨텐츠, 스타일에 따른 디자인

사례 탐구 및 발표

30일차 스케치, 와이어프레임, 프로토타이핑

시각화 방법론 : 스케치

시각화 방법론 : 와이어프레임

시각화 방법론 : 프로토타이핑

시각화 방법론 : 디지털 프로토타이핑

31일차 스토리보드 방법론 01 (시나리오, 스토리보드)

시각화 방법론 도입의 필요성

시나리오 방법론 이해와 실습

스토리보드 방법론 이해와 실습

시각화를 통한 커뮤니케이션 구성

스윔레인 방법론 적용

32일차 스토리보드 방법론 02 (시나리오, 스토리보드)

미니 프로젝트 : 구성

미니 프로젝트 : 빌드업

미니 프로젝트 : 발표 1

미니 프로젝트 : 이터레이션

미니 프로젝트 : 발표 2

33일차 모바일 앱 GUI 디자인

GUI 디자인의 기초 : 칼라

GUI 디자인의 기초 : 타이포그래피

GUI 디자인의 기초 : 레이아웃

Page 22: 청년취업아카데미 소개 - KIPFA · 2014-06-05 · 2일차 UX 방법론 UI/UI 방법론 개념 웹에이전시 웹 기획 방법론 신규 서비스 개발 시 UX 방법론

22

일차 커리큘럼 세부 내용

34일차 모바일 앱 인포그래픽

인포그래픽의 이해

모바일 앱 인포그래픽 디자인 실습

발표 / 이터레이션

35일차 프로젝트 01 구성 및 계획 팀 프로젝트 실습

36일차 사용자 조사 및 분석 팀 프로젝트 실습

37일차 페르소나 구성 팀 프로젝트 실습

38일차 아이데이션 & 스케치 팀 프로젝트 실습

39일차 스토리보드 & 프로토타이핑 / GUI 디자인 팀 프로젝트 실습

40일차 프로젝트 조별 발표

팀별 프로젝트 발표

이터레이션 및 보완

프로젝트 결과 발표

Page 23: 청년취업아카데미 소개 - KIPFA · 2014-06-05 · 2일차 UX 방법론 UI/UI 방법론 개념 웹에이전시 웹 기획 방법론 신규 서비스 개발 시 UX 방법론

23

강사 정을수, 원철연 지 훈, 유광열

기간 6.26. ~ 8.21. 시간 240시간(6H/1D)

정원 40명 교육장 인덕대학교 / 수원여자대학교

교육 목적 다양한 디바이스와 플래폼 환경에서 요구되는 웹표준화에 대한 이해를 돕고, 글로벌 웹표준화에 대한 이슈에 부합하기 위함.

교육 내용 웹표준기초, 웹표준응용, 웹접근성, HTML5 &CSS3, 멀티디바이스와 반응형 웹 j-Query와 Javascript, Portfolio 제작

활용 교재 자체 개발 교재 / 반응형 웹 교재 / j-Query 교재

현, 한국인터넷전문가협회 웹표준분과 위원

KIPFA 전임강사

전, 펜타브리드 디렉터 수석

전, 메가존 웹표준화팀 팀장

전, 프리랜서 디자이너

[이력사항]

현, 성공회대학교 SW공학과 외래교수

현, Microsoft MVP(Visual C#)

- 성공회대학교 : 웹페이지 구축(HTML5,CSS,

JavaScript(jQuery), 웹 프로그래밍(C#,

ASP.NET),

- KH정보교육원 : 재직자를 위한 Oracle

PL/SQL 강의 및 미취업자를 위한 C#,

ASP.NET 등 강의

[정을수 강사] [원철연 강사]

Page 24: 청년취업아카데미 소개 - KIPFA · 2014-06-05 · 2일차 UX 방법론 UI/UI 방법론 개념 웹에이전시 웹 기획 방법론 신규 서비스 개발 시 UX 방법론

24

[이력사항]

현, KIPFA 전임 강사

전, KTH, UXD 교육 담당 PD

모노디아트센터 팀장

㈜정글 커뮤니케이션즈 : 웹 디자인 스페셜

리스트, 웹 표준, 액션스크립트

Opener : LG전자 POP 그래픽 디자인

Sunny Communication : CI,BI / Package /

Brochure

[이력사항]

현, 온유미디어 개발실장

전, 홍익대 국제디자인대학원(IDAS) 강사

전, 재능대학 컴퓨터 정보계열 겸임교수

강의 : 인터넷전문가협회, 아카데미정글

저서 :

디자이너를 위한 jQuery 입문

디자이너를 위한 액션스크립트 3.0

모든걸 알려주마 액션 스크립트

[지 훈 강사] [유광열 강사]

Page 25: 청년취업아카데미 소개 - KIPFA · 2014-06-05 · 2일차 UX 방법론 UI/UI 방법론 개념 웹에이전시 웹 기획 방법론 신규 서비스 개발 시 UX 방법론

25

Part 회차 제목 세부 내용

Part1. 웹표준

기초

1 개념과 준비 / 시멘틱 마크업 O.T, 분야소개, 웹 기초, 웹표준의 개요 / html 기초문법, 태그별 의미와 사용, 구조의 이해

2 기초 스타일 CSS 기초 문법, 선택자, 상속

3 폰트와 텍스트 스타일 우선순위, 단위 , 폰트 스타일링, 텍스트 스타일링

4 박스다루기(1) 박스로 생각하기, 박스의 성질과 종류, 넓이와 높이

5 박스다루기(2) 선긋기, 배경, overflow, display, visibillity

6 배치하기(1) 웹에서의 배치란?, 마크업에서 배치까지, 관계성 있는 배치, 플롯팅, 클리어링

7 배치하기(2) 관계성이 없는 배치, position, visual stack level

8 구조적 배치실습(1) 실제 작업을 통한 연습 (하)

9 구조적 배치실습(2) 실제 작업을 통한 연습 (중)

10 폼과 표 입력양식 기본, 접근성 있는 양식, 표짜기 기본, 접근성 있는 표

Part2. 웹표준

응용

11 구조설계와 레이아웃 전체적인 컨텐츠와 디자인을 검토하여 CSS구조와 레이아웃 구조를 설계하기

12 제품/서비스 소개 페이지 구조적관점의 네이밍, 동일한 컨텐츠를 최소한의 CSS를 사용하여 효율성 있게 작업하기

13 일반양식과 회원가입 디자인 상황을 고려한 접근성있는 입력양식

14 게시판/표 한 사이트에 사용되는 다양한 테이블 스타일 모듈화

15 브래드커럼스 / 메뉴 / 풋터 접근성을 고려한 마크업 위치 선정과 확장성 있는 메뉴와 풋터 만들기

16 메인 페이지 조밀하고 복잡한 메인 페이지 작업하기

Part3. HTML5/CSS3

17 개요 / 의미의 확장 웹의 미래, 달라진 점, 추가된 의미와 태그

18 리치미디어와 웹폼 / 폰트와 텍스트 비디오와 오디오, 캔버스 태그, 확장된 기능의 폼, 텍스트와 관련된 새로운 표현들

19 박스를 위한 새로운 표현들 둥근모서리 박스, 그림자, 투명도 조절, 다양한 배경사용

20 트랜지션과 트랜스폼 / 애니메인션 CSS만으로 쉽게 부드러운 애니메이션을 만들고 변형시키는 방법

Page 26: 청년취업아카데미 소개 - KIPFA · 2014-06-05 · 2일차 UX 방법론 UI/UI 방법론 개념 웹에이전시 웹 기획 방법론 신규 서비스 개발 시 UX 방법론

26

Part 회차 제목 세부 내용

Part4. 멀티디바이스와

반응형 웹

21 이해와 접근 멀티디바이스 컨텐츠 설계에 대한 우선순위

22 플루이드 레이아웃 유연한 크기제어, 단위, 폰트, 레이아웃 설계

23 미디어 쿼리 미디어 쿼리란, 뷰포트, 사용방법

Part5. 제이쿼리를 활용한 인터랙션

24 움직임과 jQuery의 이해 웹에서의 동작, 자바스크립트와 라이브러리, jQuery의 사용

25 선택자 DOM, $()팩터리함수, CSS선택자, 속성선택자, DOM 순회 메서드, DOM 요소 접근

26 이벤트 기본 이벤트, 합성이벤트, 이벤트 전파, 이벤트 객체와 대상, 이벤트 기본동작, 이벤트 핸들러

27 효과 인라인 CSS 변경, 숨김과 보이기, 효과와 속도, 동시효과와 연속효과, 페이드 토글, 프로퍼티 애니메이션, CSS 위치변경

28 DOM 다루기 속성 조작하기, 요소 삽입/이동/복사, CSS 나누기

Part6. 웹 접근성디자인

29 웹접근성의 이해 개요와 준비, 해외 동향과 국내 동향, 장애인 차별 금지법

30 한국형 웹 컨텐츠 접근성 제작 지침 (KWCAG 2.0)

인식의 용이성, 운용의 용이성,이해의 용이성, 견고성

31 웹접근성 리포트 실습 k-wah 실습, 실제 사이트의 접근성 리포트 만들어 보기

Part7. 포트폴리오 제작

32

개인 포트폴리오 1 (HTML5/CSS3)

사이트 선정, 구조및 동작 설계 / 크리틱

33 마크업,스타일 / 크리틱

34 마크업, 스타일 완성과 정리 / 크리틱

35 jQuery / 크리틱

36

팀 포트폴리오 1 (자유 주제)

사이트 선정, 구조및 동작설계 / 크리틱

37 마크업, 스타일 / 크리틱

38 마크업, 스타일 완성과 정리 / 크리틱

39 jQuery / 크리틱

40 포트폴리오 전체 정리 / QnA와 진로상담

Page 27: 청년취업아카데미 소개 - KIPFA · 2014-06-05 · 2일차 UX 방법론 UI/UI 방법론 개념 웹에이전시 웹 기획 방법론 신규 서비스 개발 시 UX 방법론

27

과정 날짜 내용 강의시간

공통 과정 2-1

1~8일차 기업 실무자와의 만남 1회~8회 5시간/회

소계 40시간

취업 교육

과정 날짜 내용 강의시간

공통 과정 2-2

1일차 현장 견학(4시간) + 현장 실습 또는 멘토링(4시간) 8시간

소계 8시간

기업 견학 및 실습 : 학교별 1일, 40명

과정 날짜 내용 강의시간

공통 과정

3

1일차 (11.21)

프로젝트발표회(4시간) + 취업박람회(4시간) 8시간

소계 8시간

프로젝트 발표회 및 취업 박람회

Page 28: 청년취업아카데미 소개 - KIPFA · 2014-06-05 · 2일차 UX 방법론 UI/UI 방법론 개념 웹에이전시 웹 기획 방법론 신규 서비스 개발 시 UX 방법론

1. 모집 요강

2. 지원서 접수 및 전형 방법

Page 29: 청년취업아카데미 소개 - KIPFA · 2014-06-05 · 2일차 UX 방법론 UI/UI 방법론 개념 웹에이전시 웹 기획 방법론 신규 서비스 개발 시 UX 방법론

29

자격 사항

- 대졸 예정자 및 만 34세 이하 대졸 청년 미취업자 (해당 연수기관 이외의 재학생 또는 졸업생도 지원 가능)

- 과정 수료 후 6개월 이내에 취업이 가능한자

- 연수 시행 중 고용보험 미가입자 (아르바이트 포함) : 공단에서 가입여부 확인

* 기존에 가입했더라도 연수 시작 전 고용 보험 미가입 상태면 지원 가능함.

- 정부로부터 훈련비 등의 지원을 받는 훈련과정의 수강 중에 있는 사람이 아닐 것

- 청년취업아카데미 참여 경험자 지원 불가

※ 수료생은 고용노동부가 운영하는 ‘중소기업 청년인턴제’에 지원할 수 없음

우대 사항

- 과정 수료 후 6개월 이내에 취업을 목표로 하는 자

지원서, 자기소개서 제출

이메일접수 :

[email protected]

모집기간: 2014. 5. 13. ~ 6. 7.

서류 합격 발표 : 개별 통보

1차 서류 전형 2차 면접 전형 자격 조회 및 통보

면접 위원회 구성

(운영기관,대학교,강사,기업 등)

각 학교별 시행

면접: 개별 통보

연수 자격 조회

(고용보험 가입여부 확인)

개별 통보 및 홈페이지 공지

최종 합격 발표 : 개별 통보

Page 30: 청년취업아카데미 소개 - KIPFA · 2014-06-05 · 2일차 UX 방법론 UI/UI 방법론 개념 웹에이전시 웹 기획 방법론 신규 서비스 개발 시 UX 방법론

1. 연수생 지원

2. 과정 문의

Page 31: 청년취업아카데미 소개 - KIPFA · 2014-06-05 · 2일차 UX 방법론 UI/UI 방법론 개념 웹에이전시 웹 기획 방법론 신규 서비스 개발 시 UX 방법론

31

연수비용 : 전액 무료

연수생 특전

수료생 전원 취업알선

한국인터넷전문가협회 수료증 수여

성적 우수자 및 취업 활동 우수자 장학금 지급(50만원, 4명)

수료생 학점인정(해당 학교 재학생에 한함)

수료생 중 사업 참여 기업에 취업 시 운영기관(kipfa.or.kr)에서 운영하는

교육 과정 전액 무료 교육 지원

Page 32: 청년취업아카데미 소개 - KIPFA · 2014-06-05 · 2일차 UX 방법론 UI/UI 방법론 개념 웹에이전시 웹 기획 방법론 신규 서비스 개발 시 UX 방법론

32

운영 기관 : (사)한국인터넷전문가협회 (02-874-8702)

사업 총괄 : 김창호 부장 ( 010-3173-4890, [email protected] )

실무 책임 : 박영규 팀장 ( 010-2750-2594, [email protected] )

실무 담당 : 서정호 과장 ( 010-5302-6626, [email protected] )

연수기관

계원예대 : 정아영 연구원 ( 010-6276-1163, [email protected] )

인덕대학 : 이세창 연구원 ( 010-2240-8747, [email protected] )

수원여대 : 이강희 연구원 ( 010-6405-3110, [email protected] )

Page 33: 청년취업아카데미 소개 - KIPFA · 2014-06-05 · 2일차 UX 방법론 UI/UI 방법론 개념 웹에이전시 웹 기획 방법론 신규 서비스 개발 시 UX 방법론

감사합니다.

입학 지원서 접수 : [email protected]