XE 공식 자료실

오래간만에 뵙네요. 바람꽃(개발해보쟈) 입니다.

방학을 하고 약간의 방황을 했습니다.

간만의 업데이트 올려 봅니다.

 

Demo Page

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

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

http://cra16.handong.edu/xmpp

Update Info

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

v. 0.2.5

• 예전 게시판들이 여러 개 생기던 버그가 남아있는 분들을 위해 관리자용 전체 삭제 버튼 추가. 이전 버젼의 버그로 인해 사용자에게 같은 게시판이 여러 개 생기던 분들께서는 관리자용 메뉴에서 [일반 설정] => [기본으로 듣는 게시판] => [모든 게시판 초기화] 버튼을 눌러주세요. 기존에 존재하던 모든 게시판 목록들이 초기화 됨으로써 버그를 고칠 수 있습니다.
• 각 문서마다 댓글이 1~3개 맛보기로 출력. 댓글이 더 존재할 경우 "더 보기" 버튼 추가.
• 댓글이 50개 넘어가면 이전 댓글이 보이지 않던 버그를 해결.
• 로그인 되어있지 않다면 글쓰기 창이 보이지 않도록 수정
• 게시판 제목에 마우스 오른쪽 버튼 클릭시 "문서로 이동", "새 창으로 이동" 메뉴 추가. 또한 Shift, 또는 Ctrl 키를 누른 상태로 클릭하면 새 창으로 이동합니다.
• 게시판 다중 선택 기능. Shift 키나 Ctrl 키를 누를 상태로 게시판을 클릭하면 게시판이 다중선택이 되어 1개 이상의 게시판들이 동시에 출력되어 보다 원활하게 게시물 탐색을 할 수 있습니다.
• 댓글 쓰기 창 클릭 시 기존에 작성했던 내용이 사라지던 버그 개선.
• 다국어 지원

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

v. 0.2.4

• 게시판을 저장했을 경우 같은 게시판이 중복해서 생기던 버그 개선
• 문제 발생시 관리자 -> 일반설정에서 게시판 초기화를 눌러주시면 해결됩니다.
• 사용자가 더 역동적이게 게시판들과 상호작용할 수 있도록 애니메이션 "더" 추가
• 에디터 관련 버그 해결
• 본문에 동영상이 첨부되어 재생되고 있을 경우 추천이나 댓글을 써도 동영상이 멈추지 않도록 개선
• 본문에 큰 이미지가 포함될 경우 가로 크기에 자동적으로 맞춰져서 출력되도록 개선
• 아이콘 나름 이쁘게 개선
• 개별 게시판을 선택시 해당 게시판에 머릿말이 있다면 출력되도록 개선
• 글을 추천했을 경우 썸네일이 생기는 버그 해결
• MyMethodCall.js 객체 지향적으로 코드 리팩토링
• XMPP 접속이 끊어지던 문제 해결
• 게시판마다 색깔 적용이 가능하도록 기능 추가
• 기타 CSS 관련하여 인터페이스 개선

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

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

아래 이미지들은 초기 버전의 시연 모습입니다.

최신버전의 시연 페이지를 보시려면 http://cra16.handong.edu/xmpp 로 방문해 주세요.

 

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

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

 

 

 

Description

 

 

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

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

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

 

 

 

 

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

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

 

 

 

 

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

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

 

 

 

 

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

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

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

 

 

 

 

관리자 인터페이스

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

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

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

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

 

 

 

Outro

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

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

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