94xxxx  /  91xxxx  /  7102xxxx

 

[작업형 내부평가(실기) PPT 문서화 제출파일 샘플]

홍길동_결과물_00.pptx
3.99MB
홍길동_결과물_01.pptx
1.38MB
00-윤샘컴_결과물_01(가로_템플릿)_94xxxx.pptx
다운로드

 

 

본인이름_결과물_03.pptx

!! 암호 해제하고, 파일명 변경해서 다른이름으로 저장하기 !!

 

++ 이수자 평가일 결시자 -10점 ++

 

 

 

+++++++

 

[산출물 정리/정돈 PPT 문서화 편집 작업 샘플]

 

 

 

 

 

 

 

+++++++

 

[ 세로양식 PPT 문서화 템플릿 ]

00-본인이름_결과물_01(세로_템플릿)_91xxxx.pptx
1.00MB

 

 

[ 가로양식 PPT 문서화 템플릿 ]

00-본인이름_결과물_01(가로_템플릿)_91xxxx.pptx
0.38MB

 

 

+++++

 

 

 

 

 

 

+++++

 

PPT 문서화 작업 연습

(스토리보드 제작 샘플)

UI디자인 - NCS 모듈교재 샘플

 

 

 

 

+++++++

 

 

 

 

[내부평가(필기) 비대면 온라인 시험 답안지]

- 아래한글 파일 -

v220112_비대면_(필기)답안지_공용양식_서ㄹ하윤샘_94x.hwp
0.09MB

 

 

비대면_(필기)답안지_공용양식_서ㄹ하윤샘_94xxxx.hwp
0.09MB

 

본인이름_답안지_03.hwp

!! 암호 해제하고, 파일명 변경해서 다른이름으로 저장하기 !!

 

 

 

 

 

 

- 아래는... 답안지 기본내용 데이터 입력 샘플 참고하기 -

 

 

 

+++++++

직업기초능력 (정보능력) 비대면 시험 답안지

실기문제 (X) / 필기 문제만 있음

(정보능력 평가 점수는 내부평가 점수에는 미반영 함)

 

비대면_(직업기초능력_필기)답안지_공용양식_서ㄹ하윤샘_94xxxx.hwp
0.13MB

 

 

+++++++

 

00-이수자(내부)평가_시행공지_템플릿_91xxxx.pptx
다운로드

NCS 웹디자인기능사 내부평가 11회(직업기초능력 정보능력 포함)

 

능력단위(필수교과, 선택교과) / 평가방법 / 과락기준

- 평가 당일 결시자는 문제변경 별도 결시자 평가실시(-10점 패널티) -

 

 

 

 

 

 

+++++++

[ UIUX 가이드제작 (와이어프레임/스토리보드) PPT 문서화 ]

 

v210120_(최종문서화)_스토리보드_제작(UIUX가이드제작-윤샘)_91xxxx.pptx
다운로드

 

 

 

+++++++

[내부평가 실기 제출 샘플파일]

본인이름_결과물_01.zip

윤샘컴_결과물_01_(실기제출_샘플)_94xxxx.vol1.egg
10.00MB
윤샘컴_결과물_01_(실기제출_샘플)_94xxxx.vol2.egg
10.00MB
윤샘컴_결과물_01_(실기제출_샘플)_94xxxx.vol3.egg
5.79MB

 

 

 

+++++++

NCS 훈련과정 직종별 평균 취업률 분석자료

(201125)2020년 NCS 직종 평균 취업률(국기).xlsx
0.68MB

 

 

 

+++++++

 

[이수자(내부)평가 - 5지 척도 배점기준 내용]

5수준-매우잘함 / 4수준-잘함 / 3수준-보통 / 2수준-미흡 / 1수준-매우미흡

평가기준 [윤샘컴교실] 5지 척도
이수자(내부) 평가 실기 배점기준  [윤샘컴교실]  www.dbdb.pe.kr

 

 

내부(이수자) 평가 실기 (60점) 배점기준 [윤샘컴교실] v211102

 

 

 

+++++++

 

 

[이수자평가 (실기 수행평가) 배점기준]

 

 

[이수자평가 재평가 (60점 미만 미이수/결시자) 배점기준]

 

 

[이수자평가 계획서 / 능력단위 교과목 스케줄 샘플]

++ 평가스케줄 / 평가일 결시자 -10점 및 재평가 시행 ++
++ 배점 기준 / 5지 척도 ++

 

 

+++++

NCS기반_훈련생_평가계획수립과정_워크북(샘플)_94xxxx.hwp
0.19MB
평가계획서(웹디자인_웹퍼블리셔)_91x.hwp
0.03MB

 

 

PW: 94xxxx  /  91xxxx  /  7102xxxx

윤샘 [http://edyoon.tistory.com] 컴교실

 

 . xx0324 / xx1210 / xxxx8947

posted by [서ㄹ하 雪河 Selha]
:

 

[각 회차별 실기 평가에 필요한 자료나 참고 파일입니다.]

  

- 파일 암호 - 7102xxxx

91????    or    94????

 

 

 

 


01. UI디자인(과평 웹디 - 선택교과)

olympus_camera.png

 

 

 

 

 

02. 디자인구성요소제작(과평 웹디 - 필수교과)

v210112_uiDesign_icon_YoonSemCom_91xxxx.zip
다운로드

 

 

 


00. 


00.


00. 


 

 

 

윤샘 [http://edyoon.tistory.com] 컴교실

 

 

posted by [서ㄹ하 雪河 Selha]
:

[하드코딩 진화형 프로토타입 제작 / 사용성테스트 수정보완 업데이트]

(문제해결능력 개별실습과제 / 내부(이수자) 평가 실기 대체)

하드코딩 진화형 프로토타입 제작 [윤샘컴교실] http://edyoon.tistory.com

94x

 

 

UI/UX 디자인 - 컨텐츠 기획 구성 단계별 아이디어 시각화 참고자료

edyoon.tistory.com/1042?category=671868

하드코딩 진화형 프로토타입 제작 [윤샘컴교실] http://edyoon.tistory.com
하드코딩 진화형 프로토타입 제작 [윤샘컴교실] http://edyoon.tistory.com
하드코딩 진화형 프로토타입 제작 [윤샘컴교실] http://edyoon.tistory.com
v210201_prototype_form_ex_94xxxx.vol1.egg
10.00MB
v210201_prototype_form_ex_94xxxx.vol2.egg
9.72MB
하드코딩 진화형 프로토타입 제작 [윤샘컴교실] http://edyoon.tistory.com

 

 

 

+++++++

 

 

 

[UI/UX 디자인 시안 가작업 결과물 프로토타입 벤치마킹]

 

 

 

 

 

 

 

+++++++

 

 

[ 화면설계 스케치 - 화면구현 - 사용성 테스트 - 피드백 수정보완 ]

- 하드코딩(HTML/CSS/Jas) 프로토타입 제작 -

 

 

 

 

 

IA(정보구조) 설계 // 사이트맵

 

 

 

 

 

페이퍼 프로토타입
디지털 프로토타입

 

 

 

 

 

- NCS 모듈교재 (프로토타입 제작) 내용 일부 발췌 -

 

화면설계 / 흐름설계

 

 

 

 

 

 

 

 

 

+++ 다양한 프로토타입 도구 +++

출처: NCS 모듈교재 / 화면설계 ( 2001020224_19v5 )

 

 

 

+++ HTML & CSS 하드코딩 디지털 프로토타이핑 +++

출처: NCS 모듈교재 / 화면설계 ( 2001020224_19v5 )

 

 

+++++++

 

프로토타입 제작 정보구조 및 콘텐츠 기획/구성

- 화면설계 스케치 와이어프레임 -

 

 

 

 

 

 

 

+++++++

 

 

 

+++ 프로토타입(Prototype)  &  와이어프레임(Wireframe) +++

 

 

 

 

 

 

 

+ 웹사이트 박스구조 분석 / 와이어프레임 +

 

 

 

+++++++

 

 

 

 

(^(oo)^) http://edyoon.tistory.com

 

posted by [서ㄹ하 雪河 Selha]
:

HTML5 Semantic Tag - CSS 그룹핑

 

 

 

 

[CSS 포지셔닝 레이아웃 - 박스모델링 플롯(float) 속성 실습]

01_CSS_화면설계_레이아웃(포지셔닝)-개별실습과제1_91xxxx.hwp
0.02MB
prototype_rawData_94x.vol1.egg
10.00MB
prototype_rawData_94x.vol2.egg
10.00MB
prototype_rawData_94x.vol3.egg
7.36MB

 

 

 

 

02_CSS_화면설계_레이아웃(포지셔닝)-개별실습과제2_91xxxx.hwp
0.03MB

 

 

CSS Mouse Pointer / cursor:pointer; [YoonSemCom]

 

 

[bg_pattern_img]

https://www.toptal.com/designers/subtlepatterns/

 

 

 

 

+++ 박스 모델링 응용 - 문제해결능력 키우기!! +++

210125_css_add_floatLayout.html
다운로드

 

 

 

+++++++

 

hardcoding prototype portfolio

 

 

 

 

+++ CSS layout box modeling template +++

(w960 & w1200 / float & position & box-sizing:border-box)

v210127_cssLayout_boxModeling_w960_01_box-sizing(x).html
다운로드
v210127_cssLayout_boxModeling_w1200_02_box-sizing(x).html
다운로드

 

v210128_cssLayout_boxModeling_w960_w1200_YoonSemCom_94xxxx.zip
다운로드
v210128_cssLayout_boxModeling_w1200_05_box-sizing3(o).html
다운로드

 

 

 

+++++++

[YoonSemCom template module  source]

 

step_01_YoonSemCom_GNB_moduleSource_01_94xxxx.zip
다운로드
v210127_cssLayout_boxModeling_w1200_03_gnb.html
다운로드

 

v210127_cssLayout_boxModeling_w1200_05_gnb.html
다운로드

 

v210127_cssLayout_boxModeling_w1200_06_gnb.html
다운로드

+++++++

step_02_94xxxx.zip
다운로드

+++++++

step_03_94xxxx.zip
다운로드
v210128_cssLayout_boxModeling_w1200_05_box-sizing3(o).html
다운로드
v210128_cssLayout_boxModeling_w1200_01_gnb_2depth.html
다운로드
v210128_cssLayout_boxModeling_w1200_02_gnb_3depth.html
다운로드
v210128_cssLayout_boxModeling_w1200_03_gnb_3depth.html
다운로드

 

+++++++

step_04_94xxxx.zip
다운로드

 

v210129_cssLayout_boxModeling_w1200_gnb_naverSearchForm1.html
다운로드
v210129_cssLayout_boxModeling_w1200_gnb_naverSearchForm2.html
다운로드
v210129_cssLayout_boxModeling_w1200_gnb_SearchForm3.html
다운로드
[윤샘컴교실] 하드코딩 박스모델링 프로토타입 제작

 

+++++++

 

step_05_94xxxx.zip
4.82MB
Search Form [윤샘컴교실] http://edyoon.tistory.com

 

네이트 로그인 인터페이스 [윤샘컴교실] 자바스크립트

 

사이드 수직 메뉴 & 찾아오시는 길(지도) iframe 박스 구조로 삽입

[윤샘컴교실] http://edyoon.tistory.com
[윤샘컴교실] http://edyoon.tistory.com
v210201_cssLayout_boxModeling_w1200_04_iframe_sideMenu_end.html
0.02MB

 

화면 좌/우측 사이드에 aside 박스 추가 / 우측 사이드 박스 세로 고정

[윤샘컴교실] http://edyoon.tistroy.com
cssLayout_boxModeling_w960_w1200_sideBox_fixed_YoonSemCom_94xxxx.zip
1.07MB

+++++++

0
http://edyoon.tistory.com [윤샘컴교실] NCS 프로토타입 제작 / 기초데이터 수집

비주얼 인트로 박스에 동영상(video) 삽입

video_add_rolex_91xxxx.vol1.egg
10.00MB
video_add_rolex_91xxxx.vol2.egg
8.38MB
video_add_lg_tv_91xxxx.vol1.egg
10.00MB
video_add_lg_tv_91xxxx.vol2.egg
9.65MB

 

 

 

 

 

 

+++++++

 

[템플릿 모듈소스 종류 및 구매 가격 참고]

- HTML / CSS / Javascript / jQuery -

 

 

 

 

 

 

 

 

 

+++++++

과거 웹사이트 인터페이스 변화

[네띠앙 / 야후 / 네이버]

icon_site(netian_empas)_94x.zip
2.70MB

 

 

 

윤샘 [http://edyoon.tistory.com] 컴교실

 

 

posted by [서ㄹ하 雪河 Selha]
:
■■▶ILLUSTRATOR ①◀ 2021. 1. 28. 20:05

[아이디어 시각화 기초데이터 수집 및 스케치]

 

쿠팡 쇼핑몰 (쿠폰) 기초데이터 수집 샘플

 

 

 

 

 

 

 

+++++++

 

 

[아이디어 시각화 할인쿠폰 UI디자인 시안 프로토타입]

학습한 내용과 현재의 일러스트 드로잉 기술력으로

최대한 응용(CQ & JQ)해서 할인쿠폰 제작해보기

 

 

coupon_00.ai
0.62MB
포토샵에서 제작 가능...?
포토샵 배너제작 / w500 x 600h

 

 

 +++++++

 

[아이디어 시각화 기초데이터 수집 & 벤치마킹]

출처: 쿠팡 쇼핑몰 웹사이트

 

출처: Coupang_eats
어떻게 만들지? 문제해결 고민중!

 

출처: 쿠팡 쇼핑몰 웹사이트

 

 

출처: 쿠팡 쇼핑몰 웹사이트
출처: 쿠팡 쇼핑몰 웹사이트

 

 

rawData_coupon_91x.zip
2.93MB

 

 

윤샘 edyoon.tistory.com 컴교실

 

 

 

posted by [서ㄹ하 雪河 Selha]
: