창비교육 웹사이트를 소개합니다.

창비 메인사이트에 이어 창비교육 홈페이지를 저희 블로그코디에서 구축하였습니다.

http://changbiedu.com

 

 

기획 의도 및 컨셉

 

창비교육 웹사이트 컨셉

  1. 다양하고 풍부한 자료 및 정보들로 가득 찬 홈페이지
  2. 접근이 용이하고 원하는 정보를 쉽게 찾을 수 있는 홈페이지

 

 


 

 

Homelog 솔루션 탑재

창비교육 웹사이트에는 Homelog v1.2.0static-pagetop-menu-sidebar 모듈이 탑재되어 있습니다.

Homelog는 워드프레스 홈페이지 제작에 기반이 되는 테마 제작을 도와주는 블로그코디의 솔루션입니다.

  • 커스텀menu 관리
  • 커스텀image 관리
  • 커스텀widget 관리
  • 커스텀 comments 관리
  • 커스텀options 관리
  • 커스텀 template 관리
  • 커스텀 post format 관리
  • 커스텀 taxonomy 관리
  • 멀티 커버 관리 등

 

Homelog 솔루션이 탑재된 주요 워드프레스 웹사이트에는 창비교육 외 창비메인, 에너지코리아, 르호봇 사이트 등이 있습니다. 

창비교육

창비

에너지코리아

르호봇

 


 

 

회원 관리

워드프레스 회원 체계로 관리됩니다. 워드프레스 기본 역할(Role)권한(Capabilities)을 기본으로 하고, 창비교육 전용 Role(선생님, 일반회원, 대회협력부, Deleted)Capabilities(download_tbook_file, view_cimy_extra_fields, homelog_*)가 추가 되었습니다.

 

회원 정보는 wp_usermeta 테이블에 저장되어 있고, 메타 정보는 wp_users 테이블에 저장되어 있습니다.

 

회원 필드에는 워드프레스 기본에 해당하는 역할, 이름, 성, 닉네임, 공개적으로 표시할 이름, 이메일, 웹사이트, 비밀번호가 있고 여기에 이전 회원 정보에 해당하는 포인트, 본인 인증, 선생님 인증, 재직 학교명, 담당 학교급 구분, 근무지역, 창비교과서 사용, 휴대전화, 전화번호, 주소, 성별, 생년월일, 근무연차, 메인 수신동의가 추가되어 있습니다. 추가로 사이트 관리자가 가입된 회원을 관리하는 데 유용한 정보인 가입일, 최근 로그인, 최종 정보 수정일, 방문횟수 필드가 추가 되었습니다.

 

본인 인증에는 휴대폰 인증과 아이폰 인증이 가능하고, 선생님 인증에는 EPKI/GPKI 둘 다 가능합니다.

 

[mks_col]

[mks_one_third]

[/mks_one_third]

[mks_one_third]

[/mks_one_third]

[mks_one_third]

[/mks_one_third]

[/mks_col]

 

 

[mks_col]

[mks_two_thirds]

회원들에게 SMS 대량 메일을 보낼 수 있도록 워드프레스 관리자 페이지의 사용자 목록 상단에 CSV 내보내기 버튼이 추가되었고, 워드프레스 관리자의 사용자 목록에 사용자명, 이름, 역할, 학교명, 휴대전화, 가입일, 최근로그인 정보가 표시되도록 사용자 목록이 커스터마이징 되었습니다.

 

마케팅 부서를 위한 역할(Role)이 추가되었고, 이 역할로는 사용자 정보 수정 및 삭제는 할 수 없고 사용자 목록을 볼 수 있는 권한과 CSV 버튼을 다운로드 받을 수 있는 권한이 설정되어 있습니다.

[/mks_two_thirds]

[mks_one_third]

[/mks_one_third]

[/mks_col]

 

 

 


 

 

선생님 자료실

선생님 자료실은 선생님에게 수업자료를 제공하기 위한 공간이며, 선생님 인증을 거친 사용자가창비교육 웹사이트에 로그인하여 이용할 수 있습니다.

 

선생님 자료실에 있는 멀티미디어 자료는 교과(중학교/고등학교), 교과서(국어①, 국어②, 국어③ 등), 교과서단원(1단원, 2단원, 3단원 등)으로 분류되어 있고, 각 단원에 따라 전체, 교과서·지도서 본문, 멀티미디어, 수업 자료, 수업 지도안 등의 자료 유형으로 구분되어 있습니다.

 

교과서 자료 유형에는 PDF, PPT, HWP 등의 문서,JPG 등의 이미지, MP3 등의 오디오, AVI, WMV 등의 비디오가 있고, 미리보기, 내스크랩, 파일다운로드, 선택 자료 받기, 전체 자료 받기 등의 기능이 제공됩니다.

 

 

미리보기 기능 구현에는 libreoffice 솔루션이, 선택 자료 받기 및 전체 자료 받기 등 파일 다운로드 기능 구현에는 InnoFD 솔루션이 사용 되었고, 많은 수의 멀티미디어 파일을 워드프레스로 일괄 import 하기 위한 전용 스크립트가 개발 되었습니다.

 

 


 

 

게시판

창비교육 게시판 기능은 KBoard 4.5, KBoard댓글 4.7 기반으로 되어 있고, KBoard커스텀 스킨 4종KBoard댓글스킨 1종이 추가 개발 되었습니다. 추가된 KBoard커스텀 스킨 4종과 KBoard댓글 스킨 1종을 살펴보면 다음과 같습니다.

  • KBoard리스트 타입 스킨: basic, tab category
  • KBoardQ&A 타입 스킨
  • KBoardNews Letter 타입 스킨
  • KBoard댓글 스킨: basic

 

Kboard 홈페이지 바로가기

 

[mks_col]

[mks_one_half]

[/mks_one_half]

[mks_one_half]

[/mks_one_half]

[/mks_col]

 

[mks_col]

[mks_one_half]

[/mks_one_half]

[mks_one_half]

[/mks_one_half]

[/mks_col]

 

[mks_col]

[mks_one_third]

[/mks_one_third]

[mks_two_thirds]

 

스킨 개발 외 다음과 같이 창비교육 사이트 전용 관리자 기능게시판 관리자 설정 페이지에 추가 되었습니다.

  • 워드프레스 회원 역할(role) 출력
  • 목록 읽기 권한
  • 댓글 쓰기 권한
  • 공지글 작성 권한
  • 비밀글 기능

 

게시판 운영 중 불편한 부분을 개선하기 위해 다음과 같은 기능이 추가 되었습니다.

  • 권한에 따라 게시판 스킨 추가  (자유게시판, 카테고리 미출력 게시판, 특정권한 접근 게시판 등)
  • 게시판 하단 숫자 네비게이션에<</ >> 추가
  • 글 내용 하단에 글 목록 출력
  • 권한에 따라 글 작성자 정보 팝업으로 출력
  • 권한에 따라 댓글 작성자 정보 팝업으로 출력
  • 로그인 redirection

[/mks_two_thirds]

[/mks_col]

 

 

글 내용 하단에 글 목록이 출력되는 예는 다음과 같습니다.

 

 


 

 

커스텀 타입: 교과서, 참고서, 단행본, 뉴스레터 등

창비교육의 전용 콘텐츠 관리를 위해 교과서, 참고서, 단행본, 뉴스레터 타입이 추가되었습니다.

 

교과서 타입에는 교과분류와 교과서단원 분류 기능이 있고 새 교과서 추가를 할 수 있습니다. 새 교과서 추가에서는 제목, 본문, 자료 업로드, 퀵링크, 툴박스 출력 설정, 선생님 자료실 툴박스 출력 설정, 교과분류, 교과서단원, 특성 이미지 설정이 가능합니다. 입력 완료된 교과서 페이지는 다음과 같습니다.

 

참고서 타입도 교과서 타입과 마찬가지로 교과분류와 교과서단원 분류가 가능하고 새 참고서 추가를 할 수 있습니다. 새 참고서 추가에서는 제목, 본문, 부가정보, 툴박스 출력 설정, 판매처 링크, 교과분류, 교과서단원, 특성 이미지 설정이 가능합니다.

 

단행본 타입에서는카테고리 분류와 단행본 등록이 가능합니다. 단행본 등록 시 부제, 저자, ISBN, 발행일, 페이지, 판형, 정가 등 일부 정보는 창비메인 사이트에서처럼 원격의 Oracle DB에서 불러오고, 판매처 링크, 책소개, 태그, 도서 카테고리, 특성 이미지는 사용자가 설정할 수 있습니다.

 

뉴스레터 타입은 새 뉴스레터 등록만 가능합니다. 뉴스레터 등록 시 제목, 본문, 특성 이미지 설정이 가능하며, 본문에는 뉴스레터 커버 이미지와 image map 좌표 값을 포함한 HTML을 입력합니다.

 

[mks_col]

[mks_one_quarter]

[/mks_one_quarter]

[mks_one_quarter]

[/mks_one_quarter]

[mks_one_quarter]

[/mks_one_quarter]

[mks_one_quarter]

[/mks_one_quarter]

[/mks_col]

 

 


 

편집 가능 페이지

전용 콘텐츠를 제외한 대부분의 콘텐츠는편집 가능한 페이지로 관리되도록 구성되었습니다. 창비교육에서 편집 가능한 페이지 템플릿은 다음의 두 가지가 있습니다.

  • 기본 템플릿
  • Fullwidth

 

관리자 스스로 어렵지 않게 페이지를 추가, 수정, 삭제할 수 있습니다.

 

[mks_col]

[mks_one_half]

[/mks_one_half]

[mks_one_half]

[/mks_one_half]

[/mks_col]

 


 

 

멀티 커버

커버 기능이란 위젯 형태로 제공되는 콘텐츠를 사용자 임의대로 배치할 수 있는 기능을 말합니다. 창비교육 웹사이트에서는 기존의 썸네일 crop 기능 뿐만 아니라 섬네일 resize 기능도 제공됩니다.

 

창비교육 웹사이트에서 제공되는 커버 위젯 종류는 다음과 같습니다.

  • 1 column 웹진 A (섬네일 crop)
  • 1 column 웹진 B (섬네일 crop)
  • 1 column 최신 도서 타입 A (섬네일 crop)
  • 1 column 최신 도서 타입 B (섬네일 resize)
  • 2 column 제목
  • 2 columns 웹진 A (섬네일 crop)
  • 2 columns 웹진 B (섬네일 resize)
  • 2 columns 갤러리 (섬네일crop)
  • 2 columns 최신 뉴스레터
  • 3 columns 제목
  • 3 columns 웹진 (섬네일 crop)
  • 3 columns 갤러리 (섬네일 crop)
  • 이미지
  • 텍스트
  • Shortcode

[mks_col]

[mks_one_half]

[/mks_one_half]

[mks_one_half]

[/mks_one_half]

[/mks_col]

 

 


 

 

마이페이지

마이페이지는 선생님 회원일반 회원에 따라 다르게 구성됩니다. 선생님 회원에게는 내 정보, 내 교과서, 내 자료실, 내 스크랩, 회원 탈퇴 기능이 제공되고, 일반 회원에게는 내정보, 내교과서, 회원탈퇴 기능이 제공됩니다.

 

 


 

 

성능 튜닝

창비교육 웹사이트의 속도 향상을 위해 기존에 많이 알려진 워드프레스 최적화 방법인 캐시 플러그인 사용, 이미지 압축, 스타일 및 스크립트 압축 등 대신 웹서버 튜닝과 DB서버 튜닝을 수행 하였습니다.

 

특히 아파치 웹서버에서는 fastcgi 모듈이 추가되었고 아파치 설정 지시자 옵션 값 변경을 통해 최적화 작업을 수행 하였고, MySQL DB서버에서도 MySQL 설정 지시자 옵션 값 변경을 통해 최적화 작업을 수행 하였습니다.

 


 

 

검색

창비교육 웹사이트에는 기존 워드프레스 검색 기능의 한계를 개선하기 위해 외부 검색 솔루션을 도입하여 적용 하였고, 이로써 전체, 웹문서, 교과서, 참고서, 단행본, 자료실 별로 구분된 검색 결과를 볼 수 있습니다.