Transcript 제품설명서

Spider CMS
컨텐츠 관리 솔루션 소개
㈜서버사이드
1
Copyright(c) 2010 Serverside Co, Ltd. All rights reserved
Spider CMS 솔루션 비교자료
구
분
타사 제품
Spider CMS
제품의 사용 대상자 기준 차별성
기획자 및 디자이너를 위주로 한 제품
기획 및 디자이너 뿐 아니라
개발자를 고려한 제품
개발자와의 협업 지원
개발 지원기능이 없거나 미약함
별도 개발 방법 적용
Spring, Struts 또는 고객사의 표준
개발 Framework과 통합 가능
개발Framework과 연동을 하여
전체 사이트를 CMS로 개발 가능
장점
기획, 퍼블리셔 위주의 컨텐츠 작업에
한하는 경우 작업이 편리
기획 및 퍼블리셔 / 개발자간의
협업이 가능
단점
개발관련 요건(DB연동 등)이 발생 시
적용이 어려움
일부 페이지 개발에 한정됨
(개발관련 기능으로) 기획/퍼블리셔가
익숙하지 않은 속성이 존재
결재 관리
제공됨
제공됨
소스 형상관리 (버전관리)
(SVN, CVS 연동 기능)
제공 안됨
제공됨
성능
검증 자료가 거의 없음.
일부 페이지만 CMS적용으로 성능이 요구
되는 곳에 적용 불가
7,500 TPS 이상
(국민카드 사이트 전체 적용 기준/2012.02)
2
Copyright(c) 2010 Serverside Co, Ltd. All rights reserved
Spider CMS 솔루션 적용 사례 – KB국민카드 사이트 전체페이지, Open Web지원
특장점
현업 사용자와 IT 담당자와의 협업이 원활하도록 Application 개발 Framework과 연동 됨
3
Copyright(c) 2010 Serverside Co, Ltd. All rights reserved
Agenda
1 Spider CMS 아키텍쳐
2 Spider CMS 사용 절차 및 방법
3
Drag & Drop으로 게시판 제작
4 작업함 및 결재 관리
4
Copyright(c) 2010 Serverside Co, Ltd. All rights reserved
1 Spider CMS 아키텍쳐
2 Spider CMS 사용 절차 및 방법
3
Drag & Drop으로 게시판 제작
4 작업함 및 결재 관리
5
Copyright(c) 2010 Serverside Co, Ltd. All rights reserved
1. CMS 아키텍쳐
1.1 솔루션의 정의 및 구성 요소
Spider CMS 정의
UI 재사용 컴포넌트의 조립을 통하여 페이지를 제작하고, 필요시 관련 업무 로직 수행하는 application과의 연동을 할수 있는
개발 툴 및 IT-현업 사용자 간의 협업 프로세스를 지원하는 토탈 솔루션
CMS 구성요소
레이아웃
템플릿1
1. 레이아웃 :
화면 구성을 영역별로
나눈것으로 UI의 기본틀
템플릿2
웹컴포넌트1
2. 템플릿 : 레이아웃과 페이지의
중간단계로 고정적인 기본
웹컴포넌트를 배치한 것
웹컴포넌트2
3, 페이지 : 템플릿을 이용하여
업무가 그려지는 컴포넌트를
배치한 것
페이지1
웹컴포넌트3
페이지2
페이지3
웹컴포넌트4
페이지4
웹컴포넌트5
6
페이지5
4. 웹컴포넌트 : 재사용 가능한
단위 모듈(jsp, html, image등)
웹컴포넌트6
Copyright(c) 2010 Serverside Co, Ltd. All rights reserved
1. CMS 아키텍쳐
1.2 솔루션의 장점
UI 구성이 쉬움
공통적으로 쓰는 화면의 레이아웃과 템플릿을 추가하면 화면 구성시
관련 템플릿을 그대로 적용하므로 페이지 구성이 쉽다.
UI 컴포넌트의 재사용성
UI 컴포넌트들로 화면이 조립되므로 중복되는 UI 컴포넌트는 하나로
구성하여 페이지 마다 재사용할 수 있다.
UI 변경이 쉬움
개발자와의 협업 지원
레이아웃 및 템플릿만 수정하여 같은 템플릿을 사용하는 페이지 모두 UI를
일괄 변경할 수 있다.
개발 프레임워크와의 연동으로 기획/퍼블리셔 및 개발자와의 협업 지원
형상관리 S/W (SVN) 와연동하여 작업 이력 관리 및 통합 권한 관리
JAVA SQL 파일등도 통합 관리
7
Copyright(c) 2010 Serverside Co, Ltd. All rights reserved
1. CMS 아키텍쳐
1.3 MVC Framework기반의 Layered 아키텍쳐 제공
브라우져, 모바일등의 요청에 대하여 업무 로직 수행 결과를 다양한 VIEW에 출력
HTML 뿐 아니라, JSON, XML,Excel 다운로드 등 모든 어플리케이션 수행 패턴 지원
2. 업무로직 호출
HTTP 요청
1. 요청
웹 채널
고객
HTML
JSON
XML
엑셀
4.1. 출력
업무로직
CMS Engine
영역1
UI Component5
UI Component6
영역2
UI Component3
UI Component4
.
.
.
4.2. JSON 출력
영역3
.
.
UI Component1
.
UI Component2
.
.
.
레이아웃
JSON servlet
4.3. XML 출력
XML servlet
Excel servlet
4.4. Excel 출력
8
3.1. 응답구분 : default
3.2. 응답구분 : json
3.3. 응답구분 : xml
3.4. 응답구분 : excel
Copyright(c) 2010 Serverside Co, Ltd. All rights reserved
1 Spider CMS 아키텍쳐
2 Spider CMS 사용 절차 및 방법
3
Drag & Drop으로 게시판 제작
4 작업함 및 결재 관리
9
Copyright(c) 2010 Serverside Co, Ltd. All rights reserved
2. CMS 사용 절차 및 방법
Spider CMS 사용 절차 개요
웹컴포넌트 등록
(레이아웃 컴포넌트)
레이아웃 등록
패턴별로
1회만 작업
웹컴포넌트 등록
(헤더영역 컴포넌트)
웹컴포넌트 등록
웹컴포넌트 등록
웹컴포넌트
등록
(top
영역 컴포넌트)
(top 영역 컴포넌트)
(top 영역 컴포넌트)
퍼블리셔
템플릿 등록
웹컴포넌트 등록
웹컴포넌트 등록
웹컴포넌트
등록
(left
영역 컴포넌트)
(left 영역 컴포넌트)
(left 영역 컴포넌트)
웹컴포넌트
등록
웹컴포넌트
등록
웹컴포넌트
등록
(bottom
영역
컴포넌트)
(main
영역
(main 영역컴포넌트)
컴포넌트)
페이지 등록
팝업 등록
개발자
(/퍼블리셔)
배너 등록
웹컴포넌트 등록
웹컴포넌트 등록
웹컴포넌트
등록
(main
영역 컴포넌트)
(main 영역 컴포넌트)
(main 영역 컴포넌트)
작업함
조회
10
결재
/ 승인
Copyright(c) 2010 Serverside Co, Ltd. All rights reserved
운영 서버
적용
2. CMS 사용 절차 및 방법
2.1 레이아웃 컴포넌트 등록
Layout 이 정의된 html 및 CSS 작성 단계
형상관리와 연동
11
Copyright(c) 2010 Serverside Co, Ltd. All rights reserved
2. CMS 사용 절차 및 방법
2.2 레이아웃 등록
Layout이 정의된 html과 CSS를 조합하여 Layout 및 스타일 정의 후 미리보기 수행
12
Copyright(c) 2010 Serverside Co, Ltd. All rights reserved
2. CMS 사용 절차 및 방법
2.3 템플릿 등록 : 화면 그룹 별로 템플릿 정의
Layout영역이 기본 컴포넌트 배치
등록된 Html/JSP
기 배치된 Html/JSP
Drag & Drop으로 공통영역
배치 후 미리보기 실행 결과
13
Copyright(c) 2010 Serverside Co, Ltd. All rights reserved
2. CMS 사용 절차 및 방법
2.4 페이지 등록 : 메인 영역에 들어갈 컨텐츠를 조립
메인 영역 조립
Drag & Drop으로 메인영역
배치 후 미리보기 실행 결과
14
Copyright(c) 2010 Serverside Co, Ltd. All rights reserved
2. CMS 사용 절차 및 방법
2.5 형상 관리(소스 버전관리) 연동
SVN, CVS등의 소스 버전관리 연동
형상 repository에
저장된 최신 버전의
소스를 불러온다.
형상 repository 에서
반출 받아 서버에 저장
15
Copyright(c) 2010 Serverside Co, Ltd. All rights reserved
2. CMS 사용 절차 및 방법
2.5 형상 관리(소스 버전관리) 연동
소스 변경 이력 조회
16
Copyright(c) 2010 Serverside Co, Ltd. All rights reserved
2. CMS 사용 절차 및 방법
2.5 형상 관리(소스 버전관리) 연동
버전 별 소스 비교
V
V
17
Copyright(c) 2010 Serverside Co, Ltd. All rights reserved
1 Spider CMS 아키텍쳐
2 CMS 사용 절차 및 방법
3
Drag & Drop으로 게시판 제작
4 작업함 및 결재 관리
18
Copyright(c) 2010 Serverside Co, Ltd. All rights reserved
3. 게시판 컴포넌트
3.1 게시판 템플릿(스킨) 생성
게시판 스킨 등록 관리작업을 한다. 목록, 상세뷰, 등록 화면의 스킨을 지정
19
Copyright(c) 2010 Serverside Co, Ltd. All rights reserved
3. 게시판 컴포넌트
3.2 게시판 생성
게시판 속성 관리 : 답변 가능여부, 출력 개수, 게시판 유형, 담당 관리자 지정, 스킨 지정 등
20
Copyright(c) 2010 Serverside Co, Ltd. All rights reserved
3. 게시판 컴포넌트
3.3 대상 메뉴에 게시판 컴포넌트 매핑
대상 메뉴 페이지 게시판 컴포넌트를 Drag 하여 조립한다.
미리보기
21
Copyright(c) 2010 Serverside Co, Ltd. All rights reserved
3. 게시판 컴포넌트
적용 사례 : 해당 메뉴에 Drag & Drop 후 게시판 ID지정 및 스킨 선택으로 게시판 개발 완료 !!
22
Copyright(c) 2010 Serverside Co, Ltd. All rights reserved
1 Spider CMS 아키텍쳐
2 Spider CMS 사용 절차 및 방법
3
Drag & Drop으로 게시판 제작
4 작업함 및 결재 관리
23
Copyright(c) 2010 Serverside Co, Ltd. All rights reserved
4. 작업함 및 결재 관리
4.1 작업함 관리
작업함 목록 조회 : 메뉴, 화면컴포넌트 뿐 아니라, SQL, 전문, 코드 등 모든 작업 내역이 조회 된다.
운영에 반영할 파일 생성
24
Copyright(c) 2010 Serverside Co, Ltd. All rights reserved
4. 작업함 및 결재 관리
4.1 작업함 관리
작업 상세 페이지 이동
List 항목 클릭을 통해 작업 내용 상세로 이동하여 신속히 수정 등의 작업 지원
운영에 반영할 파일 생성
25
Copyright(c) 2010 Serverside Co, Ltd. All rights reserved
4. 작업함 및 결재 관리
4.1 작업함 관리
작업함 그룹화 : 관련 작업을 하나로 묶어 편리하게 관리 한다.
해당 서비스그룹에 속한 작업목록
나만의 그룹 추가 및 삭제
26
Copyright(c) 2010 Serverside Co, Ltd. All rights reserved
4. 작업함 및 결재 관리
4.1 작업함 관리
타인에게 작업 권한 이양 (예: 퍼블리셔  개발자 )
V
V
27
Copyright(c) 2010 Serverside Co, Ltd. All rights reserved
4. 작업함 및 결재 관리
4.1 작업함 관리
Data의 운영서버 적영을 위한 이행 데이터 생성 및 미리보기 (SQL형태로 생성됨)
운영에 반영할 파일 생성
28
Copyright(c) 2010 Serverside Co, Ltd. All rights reserved
4. 작업함 및 결재 관리
4.2 결재관리
결재 목록을 조회하고, 승인 상태를 조회 한다.
29
Copyright(c) 2010 Serverside Co, Ltd. All rights reserved
4. 작업함 및 결재 관리
4.2 결재관리
결재 상신 : 결재 내용 및 관련 첨부 파일(테스트 결과서 등)을 등록
30
Copyright(c) 2010 Serverside Co, Ltd. All rights reserved
4. 작업함 및 결재 관리
4.2 결재관리
결재에 포함 될 HTML, JSP, IMAGE, SQL, 전문 등을 작업함에서 선택한다.
1
2
4
3
31
Copyright(c) 2010 Serverside Co, Ltd. All rights reserved
4. 작업함 및 결재 관리
4.2 결재관리
결재 승인/반려
32
Copyright(c) 2010 Serverside Co, Ltd. All rights reserved
33