팁/튜토리얼

출석부 위젯 v0.5 (2017.10.22)

2017.10.14 20:32
3,243
12

@socialskyo님의 게시글을 보고 저도 출석부를 사이드로 빼볼까하고 위젯을 만들어봤습니다.

https://xetown.com/rxe_tip/761319

 

오늘 이상하게 잠이 오지않아서 코드, 디자인을 좀 다듬어서 배포합니다.

어두운 배경의 홈페이지에서 디자인 했기때문에 흰색 배경에 잘 어울릴지는 모르겠습니다.

 

 

간단 출석부 위젯 0.5

pr_take_roll_v0.5_repack.zip

 

default스킨 수정본

default.zip

배포된 위젯에 포함된 기본 스킨 입니다. url생성에 문제가 발된되어서 수정 했습니다.

widgets/pr_take_roll/skins폴더 아래에 압축 풀어서 사용하시면 됩니다.

그냥 수정해서 사용하실 분든은 default.html열어서 41, 46라인 두곳에서 {getUrl('mid','attendance')} 를 찾아서

{getUrl('','mid','attendance')}로 수정해서 사용하시면 됩니다.

 

 

변경사항

  • 출석 리스트 가져오기 쿼리가 변경되었습니다.
  • 능동적인 캐시 운영을 위해 캐시 관리 방식이 변경되었습니다.
  • 프로필 이미지 출력 스타일에 width를 지정 해서 레이아웃 통일성을 보강했습니다.
  • 출석 버튼에 나의 랭킹 출력 방식을 선택할 수 있습니다. (등수만 표시 / **명중 *등으로 표시)

 


 

 

 

 

간단 출석부 위젯 0.4

pr_take_roll_v0.4.zip

변경사항

출석 완료후에는 정보가 표시된 버튼 클릭시 출석부로 합니다.

최고 관리자에게 기본 제공되던 추가 정보를 선택 가능하도록  변경 했습니다.

 


 

 

 

 

간단 출석부 위젯 0.3

pr_take_roll_v0.3.zip

 

변경사항

  1. 몇가지 CSS 수정.
  2. 디자인 통일성을 위해서 이미지 프로필이 없는 사용자는 기본 프로필 이미지로 대체 합니다.
  3. 하단의 페이지 이동버튼이 항상 중앙에 오도록 수정.
  4. 오브젝트 캐시 사용 옵션 추가. (XE에서 기본으로 제공되는 위젯 캐시 기능은 사용하지 마세요. 위젯이 오동작 합니다.)
  5. 버튼 색깔 추가. (제공되는 버튼 색이 새로 고침마다 변경되는 '랜덤'도 선택 가능 합니다.)
  6. 랜덤 인사말 남기기 추가. (출석부 모듈의 설정에 인사말을 등록한 경우에만 작동 합니다.)
  7. 출석 권한을 제한 할 수 있도록 옵션 추가.
  8. 출석자 목록 출력 선택 옵션 추가 (출력 안함, 로그인 사용자, 출석한 사용자, 모두에게)
  9. 목록 상세 설정 추가 (기본(등수 + 프로필이미지 + 닉네임 + 획득포인트)정보 이외에 연속 출석일, 총 출석일, 인사말의 출력을 선택 할 수 있습니다. 선택시 출력 순서는 인사말, 연속 출석일, 총 출석일 순 입니다.)

pr_take_roll_0.3_config.png

 

 

 

 

간단 출석부 위젯 0.2

pr_take_roll_v0.2.zip

 

pr_take_roll_config_0.2.png

 

변경사항

  • 비 로그인 사용자에게도 출석 독려 버튼 노출 (클릭시 로그인 페이지로 이동)
  • 기본 스킨에 컬러셋 추가 (어두운 바탕용, 흰색 바탕용)
  • 나의 출석 순위 표시기능 추가
  • 출석자 목록 출력기능 추가 (출석자 목록은 로그인 사용자에게만 제공)

페이지 매기기에 pagination.js v2.0.8을 사용했으며 이 라이브러리의 라이센스는 아래와 같습니다.

Released under the MIT license.
https://github.com/superRaytin/paginationjs

 

pr_take_roll_nlogin_0.2.png

 

pr_take_roll_0.2.png

 


 

 

 

간단 출석부 위젯 0.1

pr_take_roll_v0.1.zip

 

pr_take_roll_config.png

위젯에 출석 버튼만 노출되며 버튼 클릭시 두가지 동작을 지원합니다.

- 바로 출석 : 위젯의 출석 버튼을 클릭하면 바로 출석을 시도합니다.

- 출석부로 이동 : 위젯의 출석 버튼을 클릭하면 출석부 페이지로 이동합니다.

버튼 색깔 : 3가지의 색상을 지원합니다.

 

pr_take_roll.png

출석부 위젯은 하단부 버튼 출력 부분입니다.

 

pr_take_roll_admin.png

관리자의 경우에는 버튼 하단에 추가 정보가 표시되며 아래의 순서 입니다.

오늘 출석 체크한 회원 수 / 오늘 로그인한 회원 수 / 사이트의 총 회원 수

디자인에 Font Awesome을 사용하였으나 위젯에서 따로 로드하지 않습니다. 레이아웃등에서 따로 로드해 주셔야 합니다.

출석 이전에는 출석 독려 메시지가 출력되며 출석 후에는 연속 출석일수와 총 출석일수가 표시됩니다.

 

 

pr_take_roll_btns.png

출석시간 제한기능을 사용하고 있을때 지각의 경우나 관리자 출석을 제한했을때에도 대응합니다.

 

댓글 62

  • 2017.10.19 13:09 #770856
    댓글들 지켜보니 저도 덩달아 흥분됩니다 8ㅁ8 여러 의견들이 하나로 합쳐지면서 뭔가 굉장한 것으로 점점 업그레이드 되는걸 지켜보는 기분이네요 ㅋㅋ
  • 2017.10.20 02:11 #771468
    순위부분이 어떻게 출력되는 건지 궁금합니다! 그날 당일 출석의 선착순으로 출력이 되나요?
  • 2017.10.20 03:06 #771536
    출석하면 출석 시간이 함께 기록됨니다. 위젯에서 출석 시간순으로 정렬해서 목록을 만들어서 순위를 출력합니다.
  • 2017.10.22 17:51 #773686
    진짜 너무 감사합니다! 좋은 위젯 감사히 쓰겠습니다!
  • 2017.10.26 10:51 #777248
    멋있어요 간편한 출석 위젯 찾고있었는데... 감사히 잘쓰겠습니다!
  • 2018.01.23 16:41 #869496
    오늘 적용해봤는데 너무 좋아요! 정말 좋은 자료 감사합니다. 잘쓰겠습니다!!
  • 2018.06.09 04:09 #993153
    오늘 처음 xe타운 가입해봤는데 좋은 자료가 많네요. 항상 xe공홈만 이용했었는데.. 잘사용하겠습니다!
  • 2018.12.25 20:23 #1134572
    적용해도 아무것도 안뜨네요 ㅠ
  • 2018.12.26 01:35 #1134682
    죄송합니다, 잘됩니다, default 스킨 넣을때 경로를 잘못 했네요 ㅜㅜ 죄송합니다.
  • 2020.01.05 06:43 #1313503
    줗은자료 감사합니다.
  • 2020.01.23 03:28 #1327436
    감사합니다!
  • 2020.03.01 04:13 #1350142
    잘사용하겠습니다.