|
[웹스퀘어5(WebSquare5) 웹퍼블리싱, 퍼블리셔 교육]
웹스퀘어5(WebSquare5) 웹퍼블리싱, 퍼블리셔 실무과정(주말주간(토/일))
주말주간:http://www.topcredu.co.kr/sub/crcl/view/web/2277
★ 교육개요 ★
최근 금융권을 중심으로 HTML5 기반 UI 개발 솔루션인 웹스퀘어(WebSquare)가 인기죠, 본 과정은 웹스퀘어 기반 UI를 아름답게 구성할 수 있도록 하는 퍼블리싱 과정 입니다.
다년간 실무 현장에서 웹스퀘어 기반 퍼블리싱을 경험한 강사님의 설명아래 현장에서 개발하는 화면한 유사한 예제화면 중심으로 다양한 실습을 해봄으로써 웹스퀘어5 전문 퍼블리셔가 되실 수 있습니다.
★ 교육목표 ★
웹스퀘어5 기반 퍼블리셔 양성
서브화면(업무화면) Layout 설정의 이해
메인화면 Layout 설정의 이해Grid 디자인 및 데이터 컬렉션의 이해콤포넌트 삽입 및 CSS 오버라이드의 이해Window Container 사용의 이해웹스퀘어5 기반 레이아웃 설계의 이해Pallet 사용법의 이해컴포넌트 디자인 오버라이드의 이해웹스퀘어에서 제공되는 HTML 테그를 활용한 컴퍼넌트의 이해메인화면 MDI 세팅의 이해퍼블리싱 가이드의 이해
★ 커리큘럼 ★
| 웹스퀘어5 기반 웹퍼블리싱 |
#오리엔테이션1. 강사소개, 학생소개, 공통퍼블리싱 수업진행방향, 웹스퀘어, JAVASCRIPT, JQUERY,소개2. 웹스퀘어 설치 및 워크벤치 세팅(projects, pakage, Pallet, Component, Property, Style, DataCollection, Help 등 퍼블리싱에 필요한 각영역 설정)3. ContextRoot 설정 및 라이센스 입력, web.xml 세팅, 기본 css분석4. Help영역 웹스퀘어 API 사용방법 소개5. Property 설정 방법 소개6. Snippets 설정방법 소개7. StoryBoard 분석(미정)8. Design 분석(디자이너 작성)9. Style Guide 분석(기획자,디자이너 작성)10. Publishing Guide 분석(개인별 작성준비)11. 크롬브라우저 개발자 모드 분석#디자인 분석을 통한 Layout 설계1. 서브화면(업무화면) Layout 설정2. 메인화면 Layout 설정(탑메뉴 영역, left트리메뉴 영역, MDI(다중문서인터페이스) 레이아웃 영역, bottom영역 )3. 각영역 컴퍼넌트 삽입 및 CSS 오버라이드4. window Container 사용#Pallet 사용11. 컴퍼넌트 디자인 오버라이드 (input, inputCalendar, select(checkSelect,autoSelect), radio, check, textarea, table, tab, tree, upload, layerPopup, fuson chart, generator 등… (오버라이드 동시에 Snippets 저장)2. 웹스퀘어에서 제공되는 HTML 테그를 활용한 컴퍼넌트 작성(a테그, p테그, span테그, img테그 등...)#Palets 사용1(계속)#Palets 사용2 (Grid)1. Grid 디자인 오버라이드(전체 퍼블리싱중에 그리드가 차지하는 비율 50%이상) 중요!!2. Grid Property inputStyle 설정에 따른 그리드 컴퍼넌트 오버라이드(button, input, img, select, radio, check, inputCalendar 등...)3. DataCollection 사용"#Pallet 사용2 (계속)#Snippets 활용1. 업무화면 퍼블리싱(Snippets 활용) 2. 메인화면 MDI 세팅(퍼블리싱된 업무화면)"#Snippets 활용(계속)#UI 동적 기능구현11. JAVASCRITP 기초 2. JQUERY 기초 "#UI 동적 기능구현21. 자바스크립트 및 웹스퀘어 API 2. JQUERY API#문서작성1. 퍼블리싱 가이드 작성 (파워포인트)2. 작성된 퍼블리싱가이드로 개발자 교육(교육생중 1~2 명) * 개발자교육후 프로젝트 철수 및 잔류시 개발자 서포트 |
|