UI/UX 기반 웹퍼블리싱&
프론트엔드



과정소개

"센스있는 웹디자인과 스마트한 웹개발을 한번에~!"

웹개발 기획(요구정의 스토리보드), 웹디자인(포토샵, 일러스트),

 웹퍼블리싱(HTML5, CSS3, JavaScript), 

웹프로그래밍(JSP), 데이터베이스(Oracle)을 습득하여 데스크탑 PC웹, 모바일 웹, 반응형 웹 등


웹 개발에 필요한 전반적인 기술을 습득 할 수 있는 과정이다.


모바일, PC 어디서나 볼 수 있는 웹은 어떻게 만들어 질까요?

웹을 개발하기 위해서는 기획이 필요합니다. 즉 '내가 어떻게 제작 및 작업하겠다' 라는 '나만의 계획(?)'이 필요한것이죠.

차후 실제 기획/개발 일을 해보면 알겠지만, 해야하는 업무를 큰 단계로 나눈다면  웹개발 전에는 '사업전략기획', 웹개발 단계에서는 '웹설계 및 개발진행(디자인/개발), 웹개발 완료후에는 '웹컨텐츠 관리/홍보'로 볼 수 있습니다.


그럼, 웹기획이란 무엇일까요?

웹(Web) + 기획(企劃), 한 마디로 얘기하자면 웹과 관련된 모든 일을 계획한다 라고 할 수 있습니다.

다시말해, 웹사이트를 왜 만드는지에 대한 이유부터 제작 완료된 사이트를 운영, 관리, 잘 알려질 수 있도록(홍보) 만드는 일입니다.


기획 단계에서는 UI/UX요구분석이 필요합니다.

왜? 당연히 사용자가 무엇을 원하는지 알아야 맞춤형 웹을 제작할 수 있기 때문이죠.

요구분석은 사용자 리서치 자료를 토대로 요구사항을 파악하고, 기획된 아이디어를 시각화하여 테스트도 합니다.

이러한 과정을 통해, UI/UX 콘셉트 아이디어 도출, 패스트 프로토타입 제작, 패스트 프로토타이핑 검증 등의 작업을 진행하게 됩니다.

요구분석이 완료되었다면 UI/UX 분석 결과를 바탕으로 UI/UX 콘셉트 도출, 기능 및 콘텐츠를 정의하고, 기획된 컨셉으로 디자인과 구현을 위한 콘텐츠, 정보, 와이어 프레임, 태스크 플로우 설계를 하는 것입니다.

훈련과정     UI/UX기반 웹퍼블리싱&프론트엔드개발
훈련자격    IT분야로 취업을 원하는 분
     최종학교 졸업예정자
     학점은행제, 사이버대학, 방통대 재학생
     고용보험에 가입되어 있지 않은 분
교육시간
     09:00~18:00 (주 5일수업 / 하루 8시간 수업) 

     월 훈련 일수의 80% 이상을 출석한 경우 월 훈련수당 지급 (출석 80%, 결석 20% 가능)

총교육시간
     5.5개월 (110일 / 총 880시간)
교육일정

    ㆍ21년 3월 22일 ~ 7월   9일 (신청가능)

    ㆍ21년 3월 24일 ~ 8월 31일 (신청가능)

    ㆍ21년 4월 14일 ~ 9월 24일 (신청가능) 

교육장소     당산 / 종로 / 중화
교육비용     교육총비용     전액무료  ※ 개인 부담금 전액지원 (국가기간ㆍ전략산업직종훈련과정)
     교육수당지원    ㆍ국민내일배움 카드 훈련수당 30만원 (소요기간 2주)      ㆍ국민취업지원제도 훈련수당 58만원 (소요기간 4주)
비고

  ㆍ수강 중 취업이 되면 조기취업으로 처리가능            ㆍ관련자격증: 정보처리(산업)기사, OCJP등


교육 수강 절차



01

문의 및 상담 진행


홈페이지 문의 및 

오픈소스잡에  방문하여 비전과  

적성에 적합한 교육과정을 

전문적인 상담을 통해 제공합니다.



02

내일 배움카드 발급


자격요건 확인, 일정 신청확인등

국비지원 무료과정 절차를 가이드하며

신속하게 내일배움카드를

수령할 수 도와 줍니다.



03

교육수강


능력단위별 일정에 맞게 훈련을

실시하며, 능력단위별 평가 및

프로젝트를 진행하여

포트폴리오를 구축합니다.



04

취업지원


취업세미나, 일대일 취업피드백

(이력서&면접컨설팅), 

JOB 매칭 솔루션을

제공합니다.dㅇ

EDUCATION.01 

웹(Web) + 기획(企劃) 

웹과 관련된 모든 일을 계획!

제작 완료 된 웹사이트 개발, 운영, 관리, 홍보



UI / UX
ㆍ웹기획 ㆍ모바일웹  
ㆍ데스크탑웹   ㆍ반응형웹




EDUCATION.02

웹 구현

유저 기준에서 보이는 웹 사이트 영역을 맡은 웹 제작을 위한 디자인 및 코딩제작



퍼블리싱
ㆍHTML  ㆍCSS   ㆍJavaScript   ㆍjQuery
포토샵, 일러스트

EDUCATION.01

UI(User Interface)

UX(User Experience)


웹 기획 및 트랜드 조사, 스토리보드 제작




UI/UX

ㆍ웹기획 ㆍ모바일웹 

ㆍ데스크탑웹 ㆍ반응형웹


퍼블리싱

ㆍHTML ㆍCSS ㆍJavaScriptㆍjQuery

ㆍ포토샵  일러스트

포트폴리오


EDUCATION.02

웹 구현


유저 기준에서

보이는 웹 사이트 영역을 맡은 웹작을 위한 디자인 및 코딩제작.

CURRICULUM

교육 과정

오픈소스잡의 연계교육과정은

NCS 교육기준을  준수합니다.

커리큘럼
주제
강의 내용
웹 개발
기획
(UI/UX요구분석,
콘센트)
 사용자 리서치 자료를 토대로 요구사항 파악, 기획된 아이디어를 시각화 

- UI/UX 콘셉트 아이디어 도출하기

- 패스트 프로토타입 제작하기

- 패스트 프로토타이핑 검증하기


UI/UX 분석 결과를 바탕으로 UI/UX 콘셉트 도출, 기능 및 콘텐츠를 정의

- UI/UX 콘셉트 도출하기

- 기능(FEATURE) 리스트 도출하기

- 콘텐츠 기획하기


기획된 콘셉트를 바탕으로 디자인과 구현을 위한 콘텐츠, 정보, 와이어 프레임, 태스크 플로우 설계

- 정보 설계하기

- 와이어프레임 작성하기

- 태스크 플로우 작성하기

웹 디자인
(포토샵,
일러스트)
 일관된 사용자 경험 제공을 위하여 디자인 콘셉트를 수립

- 스타일가이드 제작

- 시안디자인 제작

- GUI 디자인 콘셉트 도출하기

- GUI 템플릿 제작하기

- GUI 상세 디자인하기

웹 퍼블리싱

(HTML5, CSS3, Javascript)


 UI구현: UI 설계 산출물과 GUI 디자인 가이드를 바탕으로 UI 구현 표준을 수립하고 UI를 제작

- UI 설계 검토하기

- UI 구현 표준 검토하기

- 저작도구 활용하기

- UI 제작하기


UI테스트: 구현된 UI를 검증하기 위하여 사용성 테스트 계획, 수행, 분석, 결과 보고 수행

- 사용성 테스트 계획하기

- 사용성 테스트 수행하기

- 테스트 결과 보고하기

JAVA
프로그래밍
JSP
프로그래밍

 프로그래밍 언어활용

- 응용소프트웨어 개발에 사용되는 프로그래밍 언어의 기초문법 적용

- 언어의 특징과 라이브러리를 활용하여 기본 응용소프트웨어 구현

- 기본문법 활용하기

- 언어특성 활용하기

- 라이브러리 활용하기


서버프로그램 구현

- 애플리케이션 설계를 기반으로 개발에 필요한 환경 구성

- 프로그래밍 언어와 도구를 활용하여 공통모듈, 업무프로그램과 배치 프로그램 구현

- 개발환경 구축하기

- 공통 모듈 구현하기

- 서버 프로그램 구현하기

- 배치 프로그램 구현하기

DB
(오라클)
SQL 활용

관계형 데이터베이스에서 SQL을 사용하여 목적에 적합한 데이터를 정의, 조작, 제어

언어의 특징과 라이브러리를 활용하여 기본 응용소프트웨어 구현

- 기본 SQL 작성하기

- 고급 SQL 작성하기


데이터베이스구현

- 설계된 데이터베이스 모델을 적용하기 위해 DBMS 설치

- 데이터베이스와 데이터베이스 오브젝트를 생성

- DBMS(DataBase Management System)설치하기

- 공통 모듈 구현하기

- 데이터베이스 생성하기

- 데이터베이스 오브젝트 생성하기

애플리케이션 테스트수행
애플리케이션 배포

- 애플리케이션 테스트 수행하기

- 애플리케이션 결함 조치하기


애플리케이션 배포 환경을 구성하고, 애플리케이션의 소스 검증 및 빌드를 수행하여 운영 환경에 배포

- 애플리케이션 배포 환경 구성하기

- 애플리케이션 소스 검증하기

- 애플리케이션 빌드하기

- 애플리케이션 배포하기

 프로젝트

ㆍ 포트폴리오 작성

CURRICULUM

교육 과정


오픈소스잡 연계교육과정은 NCS 교육기준을 준수하고 있습니다.

커리큘럼
주제
강의내용
웹 개발 기획
(UI/UX요구분석, 콘센트)
 사용자 리서치 자료를 토대로 요구사항 파악, 기획된 아이디어를 시각화 하여 테스트

- UI/UX 콘셉트 아이디어 도출하기

- 패스트 프로토타입 제작하기

- 패스트 프로토타이핑 검증하기


UI/UX 분석 결과를 바탕으로 UI/UX 콘셉트 도출, 기능 및 콘텐츠를 정의

- UI/UX 콘셉트 도출하기

- 기능(FEATURE) 리스트 도출하기

- 콘텐츠 기획하기


기획된 콘셉트를 바탕으로 디자인과 구현을 위한 콘텐츠, 정보, 와이어 프레임, 태스크 플로우 설계

- 정보 설계하기

- 와이어프레임 작성하기

- 태스크 플로우 작성하기

웹 디자인
(포토샵, 일러스트)

 일관된 사용자 경험 제공을 위하여 디자인 콘셉트를 수립

- 스타일가이드 제작

- 시안디자인 제작

- GUI 디자인 콘셉트 도출하기

- GUI 템플릿 제작하기

- GUI 상세 디자인하기

웹 퍼블리싱

(HTML5, CSS3, Javascript)

 UI구현: UI 설계 산출물과 GUI 디자인 가이드를 바탕으로 UI 구현 표준을 수립하고 UI를 제작

- UI 설계 검토하기

- UI 구현 표준 검토하기

- 저작도구 활용하기

- UI 제작하기


UI테스트: 구현된 UI를 검증하기 위하여 사용성 테스트 계획, 수행, 분석, 결과 보고 수행

- 사용성 테스트 계획하기

- 사용성 테스트 수행하기

- 테스트 결과 보고하기

JAVA 프로그래밍
JSP 프로그래밍

 프로그래밍 언어활용

- 응용소프트웨어 개발에 사용되는 프로그래밍 언어의 기초문법 적용

- 언어의 특징과 라이브러리를 활용하여 기본 응용소프트웨어 구현

- 기본문법 활용하기

- 언어특성 활용하기

- 라이브러리 활용하기


서버프로그램 구현

- 애플리케이션 설계를 기반으로 개발에 필요한 환경 구성

- 프로그래밍 언어와 도구를 활용하여 공통모듈, 업무프로그램과 배치 프로그램 구현

- 개발환경 구축하기

- 공통 모듈 구현하기

- 서버 프로그램 구현하기

- 배치 프로그램 구현하기

데이터베이스(오라클)
SQL 활용

관계형 데이터베이스에서 SQL을 사용하여 목적에 적합한 데이터를 정의, 조작, 제어

언어의 특징과 라이브러리를 활용하여 기본 응용소프트웨어 구현

- 기본 SQL 작성하기

- 고급 SQL 작성하기


데이터베이스구현

- 설계된 데이터베이스 모델을 적용하기 위해 DBMS 설치

- 데이터베이스와 데이터베이스 오브젝트를 생성

- DBMS(DataBase Management System)설치하기

- 공통 모듈 구현하기

- 데이터베이스 생성하기

- 데이터베이스 오브젝트 생성하기

애플리케이션 테스트수행
애플리케이션 배포

- 애플리케이션 테스트 수행하기

- 애플리케이션 결함 조치하기


애플리케이션 배포 환경을 구성하고, 애플리케이션의 소스 검증 및 빌드를 수행하여 운영 환경에 배포

- 애플리케이션 배포 환경 구성하기

- 애플리케이션 소스 검증하기

- 애플리케이션 빌드하기

- 애플리케이션 배포하기

프로젝트

ㆍ 포트폴리오 작성


온라인상담 자주묻는질문 찾아오시는길 | Blog | FaceBook Instagram YouTube


엔라이프 | 대표자 : 김선영 | 사업자등록번호 : 621-06-84833 | 통신판매업신고번호 : 2016-부산남구-0194
주소 : 부산광역시 남구 수영로 312 센츄리빌딩 1118호
CopyrightⓒNaturlLife.All Rights Reserved.