XE 공식 자료실

안녕하세요? 바람꽃(개발해보쟈)입니다.

이번에 새롭게 개발한 모듈 xewall을 공개합니다.

 

Demo Page

아래의 데모는 Notifycra 모듈을 연동하여 실시간 알림 기능이 활성화된 예제 페이지 입니다. (Notifycra 모듈은 추후 공개하겠습니다.)

버그나 개선사항을 댓글로 알려주시면 많은 도움이 되겠습니다.

http://cra16.handong.edu/xmpp

Update Info

=================================================================

v. 0.2.3

• 보안 관련 문제 긴급수정! (@오!쏠라 님 감사합니다. ^^)
• 관리자 모드에서 게시판이 x2 씩 추가되던 버그 개선
• null 값을 가지는 게시판이 생성되는 버그
• 쓰시면서 null 값 게시판이 발생하면 관리자 모드에서 "캐시파일 재생성" 을 하시면 해결 됩니다.
• 관리자 모드, 일반설정에서 사용자 친화적이도록 ui 개선
• 사용자들이 사용하기 친숙하도록 jquery-ui를 이용한 애니메이션 추가
• css 다듬기
• 전반적인 코드 리팩토링 (리소스 최적화 작업)

=================================================================

v. 0.2.2

• 관리자 메뉴에서 게시판 추가시킬 때 두 개씩 등록되던 버그 긴급 수정!
• 글꼴 크기를 더 작게 수정
• 인터페이스 수정
• 카테고리별로 글쓰기 가능
• 카테고리 이름이 null로 나오는 버그 수정

=================================================================

v. 0.2.1

• Notifycra 모듈과 연동시 XMPP를 이용한 실시간 Push 기능을 사용하실 수 있습니다.
  Notifycra 모듈은 추후 공개하도록 하겠습니다.
• 에디터 관련 버그 개선
• 인터페이스 향상
• 개인 게시판 설정 페이지 (Personal Configuration Page) UI 향상
• 보안 기능 향상

=================================================================

 

Intro

xewall 은 xe에서 페이지를 넘기지 않고 원활하게 게시판에 글을 올리거나 댓글을 달 수 있도록 하는 환경을 제공해주는 Ajax 에플리케이션입니다.

Javascript를 이용한 클라이언트 에플리케이션이기 때문에 최초 로딩시 서버에서 필요한 정보를 불러오고 사용자의 각 action에 대항하는 필요한 정보만을 불러와 서버의 부담을 최소화 시킬 수 있는 솔루션입니다. 사실 오리지날 xe는 서버에 부담이 많이 갈 수 밖에 없던 구조더군요. 사용자가 댓글 하나를 보기 위해선, 또는 추천 한 방 날리기 위해선 서버가 불필요한 정보인 원글과 원글에 달린 모든 댓글까지 불러오기 때문이죠.

또한 xewall은 ajax 요청을 최대한 활용하여 페이지 넘김을 최소화하였습니다. 덕분에 사용자는 댓글 하나 달려고 전체 페이지를 재로딩하는 부담을 줄이게 되었습니다.

잘 이용하신다면 싸이트 내 커뮤니티를 더욱 더 활발한 소셜네트워크로 만드실 수 있습니다.

 

 

 

Overview

 

전체적인 이용자 UI 입니다.

우선은 페이스북의 디자인을 최대한 참조하였습니다. (근데 이거 저작권 걸리나요? ㅜㅜ )

 

 

 

Description

 

 

상단의 게시판 선택버튼으로 각 게시판에 올라오는 게시물들을 선택하여 받아볼 수 있습니다. 게시판 선택 버튼의 최우측의 설정버튼으로 어떤 게시판들을 받아볼 것인지 선택할 수 있습니다. 옅은 노란색으로 되어있는 게시판들은 관리자가 모든 사용자에게 필수적으로 받아보게 하는 게시판들입니다. 위 게시판들은 관리자 인터페이스에서 편집이 가능합니다.

xewall은 xe에 설치된 주요 게시판들을 받아보실 수 있습니다. 아직까지는 XE 기본 게시판(board), 게시판 EX(bodex), 게시판 DX(beluxe) 만 지원합니다.

새로고침 버튼을 누르면 바뀐 게시물이나 새로 올라온 게시물들에 한해 다시 불러옵니다. 하지만 새로고침 버튼을 누르지 않아도 xewall은 30초 마다 한 번씩 자동으로 새로고침을 합니다. 하지만 페이지가 새로고침 되는 것은 아니니 안심하시고 쓰세요. ^^

 

 

 

 

글쓰기 버튼을 누르시면 창이 확장되면서 글을 제목과 글의 내용을 입력할 수 있는 창이 나옵니다.

더불어 올리는 글을 어느 게시판에 올릴 것인지 선택할 수 있습니다.

 

 

 

 

"에디터 사용하기" 버튼을 누르면 XE 에디터가 떠서 세부적인 편집이 가능합니다.

첨부파일을 쓸 것인지, 에디터 컴포넌트를 쓸 것인지 등, 에디터에 관한 세부항목은 관리자 인터페이스에서 편집이 가능합니다.

 

 

 

 

댓글을 펼치면 해당 문서에 달려있는 댓글이 모두 나타나게 됩니다.

댓글 역시 요약으로 나타나고 댓글을 클릭했을 경우 전체 내용이 나옵니다.

xewall은 대댓글을 쓸 수 있도록 지원합니다.

 

 

 

 

관리자 인터페이스

관리자 인터페이스에서 기본으로 듣는 게시판을 설정할 수 있습니다.

좌측 "모든 게시판" 에서 xe에 설치된 모든 게시판들의 리스트들이 나옵니다. (현재 XE 기본게시판, 게시판 EX, 게시판 DX에 한함. 텍스타일 등 타 모듈들은 아직 지원하지 않습니다.)

모든 게시판 리스트에서 "선택 게시판"으로 옮겨진 게시판들은 사용자들이 설정 버튼을 이용하여 피드를 받아볼 수 있습니다.

"필수 게시판" 에 있는 게시판들은 사용자들이 필수로 받아보게되는 게시판들입니다. 중요한 공지게시판은 이 쪽으로 옮겨주시면 될 것 같습니다.

 

 

 

Outro

이외에도 소개할 것도 많지만 나머지 기능들은 설치하셔서 이리저리 테스트 해보시길~ㅎ

다시 말씀드리지만 학생이라서 버그같은걸 바로바로 고칠 수가 없어요.ㅠㅠ

하지만 버그가 있다면 댓글 달아주시면 최대한 빠른 시간 내에 고칠 수 있도록 하겠습니다.