Widget Dashboard · 5240

인사·근태·KPI를
한 화면에 조립하다

드래그로 위젯을 배치하고, 서버 DB에 저장되어 어느 기기에서나 동일한 나의 실행 화면. 5240 위젯 대시보드가 일하는 방식을 바꿉니다.

10+ 위젯 유형
14 차트 타입
4×n 그리드 레이아웃
왜 위젯인가

역할마다 다른 화면,
위젯이 그 답입니다

팀장과 팀원의 화면은 달라야 합니다. 5240은 직무·권한·역할에 맞게 화면을 조립하는 방식으로 HR을 설계합니다.

01 · Personal

역할에 맞춘 화면

대시보드별 권한과 위젯 구성이 분리되어, 누가 열어도 정확한 정보만 표시됩니다.

02 · Executable

보는 화면이 아닌 실행 화면

KPI 숫자를 클릭하면 상세로, 게시물 제목을 클릭하면 해당 메뉴로 — 위젯 안에서 업무가 완결됩니다.

03 · Consistent

DB에 저장되는 레이아웃

배치와 크기는 서버 DB에 저장됩니다. 사무실·재택·외근, 어디서 열어도 같은 화면입니다.

위젯 종류

10가지 이상의 위젯으로
내 대시보드를 완성하세요

차트, 인사 카드, 게시판, 근태 바, 바로가기까지 — 필요한 조합으로 구성하고 필요에 따라 확장합니다.

Schedule · Board

게시·일정 위젯

공지·일정·문서를 구분 코드로 통합. 웹·모바일에서 각각 최적화된 레이아웃으로 자동 분기됩니다.

게시 일정 위젯 화면 Widget · Notice
공지·일정WEB · MOBILE
Attendance · Tabs

근태 차트 위젯

주간근무계획·근무 이력·출퇴근 현황을 탭으로 묶은 복합 차트. 출근·퇴근·초과를 한눈에.

근태 차트 위젯 화면 Widget · Attendance
근태 차트TABS
인사 카드 · iframe

인사 카드 위젯

사진·근무상태 뱃지·사번·부서를 한 카드에. 팀의 얼굴이 바로 보이는 친숙한 위젯입니다.

인사 카드 위젯 화면 Widget · Insa
인사 정보IFRAME
Usage · Progress

근무 상태 바 위젯

연차·초과근무·사용률을 진행률 바로 표현. 숫자보다 감각적으로 남은 자원을 파악합니다.

근무 상태 바 위젯 화면 Widget · StatusBar
근무 상태PROGRESS
Shortcut

바로가기 메뉴 위젯

자주 쓰는 메뉴를 카드형 바로가기로. 개인별 즐겨찾기와 부서 공통 메뉴를 한 위젯에 묶습니다.

바로가기 메뉴 위젯 화면 Widget · Menu
바로가기SHORTCUTS
KPI · Number

KPI / 숫자 위젯

SQL로 계산된 숫자 하나만을 크게 강조. 오늘의 지각자·이번 달 입사자·남은 연차를 대시보드 전면에 새깁니다.

KPI 숫자 위젯 화면 Widget · KPI
SQL 기반LINK / POPUP
iframe · Extension

확장 iframe 위젯

프로그램 맵과 연결되는 iframe 슬롯. 별도 개발한 전용 JSP 화면을 위젯으로 붙일 수 있어 채용·교육·평가 등 조직 고유 워크플로우를 담습니다.

확장 iframe 위젯 화면 Widget · Iframe (custom JSP)
맞춤 화면 연동PROGRAM MAP
도입 과정

4단계로 완성되는
나의 대시보드

관리자가 정의하고, 위젯을 조립하고, 사용자에게 배정하고, 사용자가 최종 배치를 완성합니다.

  1. 01

    대시보드 정의

    대시보드 관리에서 마스터 행을 등록하고 권한·보안 레벨을 지정합니다. 복사로 템플릿을 빠르게 전개할 수 있습니다.

    DASHBOARD
  2. 02

    위젯 조립

    SQL·그래프 종류·링크 URL·iframe URL을 입력해 위젯 하나를 만듭니다. 설정은 서버 DB에 행 단위로 저장됩니다.

    WIDGET
  3. 03

    사용자 지정

    완성된 대시보드를 사용자·부서에 배정하면 로그인 시 홈으로 바로 연결됩니다. 관리자 미리보기로 먼저 확인합니다.

    ASSIGN
  4. 04

    레이아웃 커스터마이즈

    드래그·리사이즈로 자신의 배치를 완성하고 저장. 서버 DB에 기록되어 기기가 달라져도 그대로 복원됩니다.

    CUSTOMIZE
주요 기능

실무를 빠르게 돌리는
6가지 핵심 기능

단순한 위젯 나열이 아닙니다. 기준일 재조회·백업·권한 제어 등 관리자와 사용자 모두를 위한 기능이 촘촘합니다.

드래그 앤 드롭 빌더

4열 그리드 위에서 위젯을 자유롭게 배치·리사이즈. 변경 즉시 서버에 반영됩니다.

IBLeaders DashBuilder · GridStack

DB 저장 레이아웃

위치·크기·순서를 서버 DB에 저장합니다. 로컬스토리지 없이 기기 간 동기화됩니다.

서버 행 단위 저장

대시보드 복사 · 전개

기준 대시보드를 템플릿으로 여러 부서에 전개. 도입기 초기 셋업을 한 번으로 끝냅니다.

Dashboard Copy Popup

기준일 재조회

상단 기준일을 변경하면 모든 위젯이 해당 시점 데이터로 일괄 재조회됩니다.

기준일 일괄 반영

필드·팝업·메뉴 링크

숫자 클릭 → 상세 이동, 인사 카드 클릭 → 팝업, 제목 클릭 → 해당 탭 오픈. 업무가 위젯 안에서 완결됩니다.

필드·팝업·메뉴 연결

권한 · 보안 레벨

권한 패턴과 보안 등급으로 위젯 접근과 민감정보 수준을 대시보드별로 분리 제어합니다.

권한 기반 노출
차트 라이브러리

14가지 그래프,
모든 데이터를 감각적으로

Chart.js와 ApexCharts를 함께 탑재해 정적인 막대부터 인터랙티브한 게이지까지. 5240 블루 팔레트로 자동 조율됩니다.

가로 막대
파이
도넛
라인
레이더
세로 막대
영역(Area)
Line (Apex)
Bar (Apex)
Radial Bar
Stacked Bar
숫자 카드
사용자 정의
iframe 확장