Wijmoで実現した簡単勤怠管理CC-BizMateについて / GrapeCity ECHO week 2020

2020年12月21日～25日 開催
オンラインイベント「GrapeCity ECHO week 2020」、1日目のセッション資料です。

「Wijmoで実現した簡単勤怠管理CC-BizMateについて」

株式会社クロスキャット
飛沢 峰 様、千島 健太郎 様

Transcript

1. 勤 怠 ク ラ ウ ド サ ー ビ ス 1 Wijmoで実現した簡単勤怠管理CC-BizMateについて 株式会社クロスキャット
2. 2 目次 １.CC-BizMate製品概要 ２.アーキテクトについて ３.今後の展開
3. C C - B i z M a t e 製 品 概 要 3
4. 会 社 情 報 4 株式会社 クロスキャット CROSS CAT Co,Ltd 設立 1973年6月 売上高 96億74百万円（2019年度実績・連結） 97億69百万円（2018年度実績・連結） 97億13百万円（2017年度実績・連結） 本社所在地 東京都港区港南1-2-70 品川シーズンテラス 従業員数 577名（2020年4月1日現在） 関係会社 株式会社クロスユーアイエス 株式会社クロスアクティブ 資本金 1,000百万円（東証一部：証券コード2307） 事業内容 ・システムソリューション - システム開発サービス／BIビジネス ・スタッフサービス ・ソリューションサービス - CC-BizMate／CC-Smart 認証登録 ISO27001認証 （IS82319） ISO9001認証 （99QR-193） ﾌﾟﾗｲﾊﾞｼｰﾏｰｸ認定 （第11820455号） 一般労働者派遣事業 （派13-050152) 有料職業紹介事業 （13-ユ-304489） 電気通信事業 （A-20-10149） CMMIレベル3達成 CMMIレベル5達成
5. CC-BizMate コ ン セ プ ト ; ट k $ ၴ f i 5 ½ 5 ¾ Cઞ $ £ ! 5 こだわり こだわり こだわり こだわり こだわり こだわり とにかく 業務を楽に！ 幅広い 課題解決提案 安定した運用 導入が簡単！ 全社の生産性を 向上！ 誰でも ミスなく使える！ 人 事 総 務 部 門 に 寄 り 添 う
6. と に か く 業 務 を 楽 に ！ 6 個人の作業もれが発生したら自 動的に「TODOリスト」へ表示 注意喚起や警告は 「アラート情報」へ表示 メールでアラート通知 確認すべき情報を 分かりやすく表現 こだわり 「TODOリスト」分けて表示 することで、情報が整理され 気づきやすい。 「アラート情報」をメール送信 それでも改善しない場合は、 より強い警告表示！ ・36協定で締結した労働時間の管理 ・勤務計画と勤務実績の乖離 ・休暇の取得状況や残数管理 など 打刻音や画面の 背景色を変える ことも可能 現場で未打刻、未承認等が分かるため、人事部門が催促する必要はありません。 残業時間超過気味の人、休暇取得が足りない人等の注意喚起、チェック依頼の必要はありません。 現場中心の運用の定着をサポートします。
7. 7 こだわり システム移行後の社員からの問い合せ量を制御します。 必要最低限の社員教育で運用が回ります。 アイコン表示で わかりやすくて 見つけやすい トップ画面に コンパクトに まとまった 対象情報への ショートカット 「TODO」や 「アラート」から 簡単移動 カレンダーで 作業進捗状況を 視覚的に確認 ※画像はスマートフォンでの画面になります。 感覚で使えることを想定した設計で、誰でも簡単に、間違いなく使える 誰 で も ミ ス な く 使 え る ！
8. 8 こだわり １日の労働時間の内訳を管理することが可能 時間の使い方を分析することで、 現時点の生産性を可視化できる！ プロジェクトの 稼働実績を 入力することも 可能。 部門や個人の時間の使い方の 課題を洗い出し、対策が打てます。 【コア業務と非コア業務の割合】 コア業務 非コア業務 【社員毎の労働時間と有給取得率】 ※データを基にCC-BizMateで加工したグラフとなります。 全 社 の 生 産 性 を 向 上 ！
9. CC- BizMate CC- BizMate CC- BizMate CSV 9 環境構築 初期導入 稼働準備～本稼働 かんたん設定シート ベンダ お客様 ベンダ ベンダ お客様 社員の皆様 かんたん 設定シート 最低限の 導入支援で 本稼働 本稼働完了 まで導入を サポート 導 入 が 簡 単 ！ 充実した マニュアル 従業員の 理解度向上 こだわり
10. ?&A 10 こだわり CMMI Level3に 相当したシステム品質 FAQは 継続的に拡充 サポートセンターは 業務・システム両面の 知識を保有 人事部同志の 交流会実施 社労士相談会の開催 2019年2月開催のテーマは CC-BizMateをご利用頂いている人事・総務部門のみなさんにお集まり頂き、システムの 便利な使い方を教えあったり、業務の課題をディスカッションする場を準備しております。 テレワークを はじめたい。 メンタル不全 の社員が 増えている。 外国人社員 の扱い。 ユーザー会ディスカッション 残業削減の取り組みについて 働き方改革への取り組みについて など 安 定 し た 運 用 サービス継続率98.9%(過去5年実績)を支える各種サービスがございます。
11. 幅広い課題解決案 CC- BizMate 11 こだわり 入退管理 セキュリティ タスク管理 etc. 人事給与 BPOベンダー BIシステム etc. APIを公開し、他システムと柔軟に連携。 人事関連を中心にシステム以外のアライアンスを拡大。 人事部門の課題解決に幅広くご提案。
12. 打 刻 管 理 12 クラウド PC・スマホ でアクセス ICカード打刻 打刻（API） 打刻情報詳細 日次打刻データ（CSV） ICカード管理 勤務計画入力 勤務計画表登録 勤務計画表（帳票） 勤務申請入力/一括入力 勤務申請状況一覧 勤務申請承認（一覧/日毎/社員毎） Web打刻（トップページ） 勤務実績入力 勤務実績登録（API） 勤務状況一覧 勤務実勢承認（一覧/日毎/社員毎） 入力承認履歴一覧 勤務報告書（帳票） 残業命令書（帳票） 勤務実績検索 勤務実績集計/日次集計 勤務実績推移表 法定外労働状況一覧 遅早欠勤一覧 有給休暇付与 有給休暇管理簿（帳票） 特別休暇付与 代替休暇申請/承認 休暇取得状況一覧 休暇台帳 勤怠ロック 締データ出力設定 締データ（CSV） 日次勤怠実績データ（CSV） 日次時間内休憩データ（CSV） 安否連絡要求 配信履歴一覧 安否報告 安否応答状況一覧 個人連絡先一覧/登録 トップページ 社員検索 部署検索 グループ一覧/登録 グループ対象者設定 グループカレンダー設定 会社カレンダー 組織図/部署管理 社員情報一覧/登録 システムアカウント登録 承認ランク設定 承認設定一覧/登録 承認者未設定一覧（帳票） 権限グループ一覧/登録 メニュー権限設定 社員等級区分設定 社員汎用区分設定 会社設定 個人設定 データ設定シート（帳票） 共通機能 安否確認関連 その他機能一覧（一部抜粋） 打刻管理の「Time Gate」、勤怠管理の「Time Management」、工数管理の「Performance Finder」の3つで構成 アプリケーション構成 Time Gate Performance Finder Time Management 勤 怠 管 理 工 数 管 理 プロジェクト実績工数一括登録 プロジェクト実績工数登録（API） プロジェクト実績承認 プロジェクト別勤務時間 プロジェクト作業日報（帳票） プロジェクト別集計） 日次プロジェクト稼働データ（CSV） 月次プロジェクト稼働データ（CSV） プロジェクト一覧/登録 プロジェクト登録（API） プロジェクト稼働要員登録（API） プロジェクト稼働要員一覧/稼働要員設定 プロジェクト検索 作業分類管理 プロジェクト汎用区分管理 お知らせ登録 事由設定 任意項目設定 役職設定 社員区分設定 残業アラート 予定未入力アラート 実績未入力アラート 予定未承認アラート 実績未承認アラート 代替休暇未承認アラート 年次有給休暇未承認アラート 勤務区分一覧/登録 勤務区分詳細 休暇区分設定 各種アラート一覧/登録 アラート履歴一覧
13. Time Gate — 打 刻 管 理 — 運用/環境に合わせた打刻方法を選択 実績を端末情報と併せ一覧表示 打刻情報を出力・他システム連携 打 刻 —Time Management— 13 CC-BizMate Time Gate（打刻管理）は、様々な打刻に対応しています。打刻管理で収集した情報を既存の勤怠管理システム へ連携することも可能です。 照 会 インターバル 勤務対応 位置情報 （GPS） 取得可能 打刻機（3,000円/台） ※ Sony RC-S380の場合 ICカード（320円/枚） アマノタイムレコーダー(一部機種) 入退館システム連携（個別対応） ログイン/ログオフ連携（個別対応） etc… スマホ打刻 その他打刻機器連携 USB型ICカードリーダー WEB打刻 CSV 任意の部門/PJ/期間 等で絞込可能 出力 / 連携 位置情報を MAP表示 CC-BizMateの 労務管理と自動連携 その他勤怠システムと ファイル連携
14. Time Management — 労務管理 — ① フレックス/シフト/変形労働制等 複雑な勤務形態にも対応 運 用 イ メ ー ジ 一般社員 上 長 管理部門 打刻/実績申請 実績承認 月次集計〆処理 14 CC-BizMate Time Management（労務管理）は様々なアラートを通知することで危機を事前に察知。過重労働者等、健康に 配慮するための判断材料としてご活用頂くことが可能です。 集約されたTOP画面で労務管理をサポート 勤務区分により 遅早退を 自動判別 未入力/エラー は色変化で 分かり易い 承認権限を所有 するユーザー を表示 月次一括承認 も可能 マスタ管理 予定申請 予定承認 TOP画面 勤怠実績/集計 予定計画
15. 取得義務化にも完全対応 特別休暇も併せ適切管理 労務管理のキーポイント 年/月/月平均/週で管理可能 気付きを与える豊富な通知機能 グ ラ フ 表 示 15 残業予測や 閾値越え アラートも表示 部署平均や 週次/月次推移も 表示可能 半休・時間休の 管理も可能 メールとTOP表示 でPUSH型労務管理 を促進 やるべきことを 常にアナウンス 未打刻 未承認 PW変更 など Time Management — 労務管理 — ② 休暇管理 残業管理 ToDo/アラート
16. Performance Finder — 工数管理 — 16 CC-BizMate Performance Finder(工数管理)はプロジェクト管理システムとの連携はもちろん、作業内訳を管理することで どのぐらいの生産性が図られたか確認するための情報としてご活用頂くことも可能です。 工数入力 工数集計 稼働実績を様々な角度で集計可能 生産性を図り、効率化を促進 日々の勤怠と併せて稼働実績を登録可能 アサインPJの入力が楽(デフォルト表示/簡易検索) 予定作成時に使用PJを事前登録可能 前日のPJコードをコピー可能 時間登録を行うと自動的に他PJに残時間を割振 充実な入力補助機能 対象を絞り込んだ上で 様々な集計データが作成可能 作業別社員別時間（総計、月推移、週推移 社員別作業別時間（総計） 他
17. ア ー キ テ ク ト に つ い て 17
18. 18 システム構成 Microsoft Azure PaaS環境に展開 会社環境毎にスキーマ管理するマルチテナントサービス Microsoft Azure App Service SQL Server Storage WebJob
19. 開発プラットフォーム Microsoft Visual Studio 2019 - ASP.Net Core Webアプリケーション（C# MVC） フロントエンド SPA（Single Page Application） フレームワーク - Vue.js ライブラリ - Axios - Wijmo Enterprise プロジェクトリソース管理 Microsoft Azure Dev Ops（Git） 19 プラットフォーム ASP.NET Web Formsで作成された現行版からの全面リプレイス
20. クライアント Webサーバ データベースサーバ SQL Server 【コントローラー層】 【サービス層】 【データアクセス層】 ▼Webブラウザ セッション Azure Redis Cache フロントサイドフレームワーク (SPA：Single Page Application) DOM (HTML/CSS) Wijmo Vue.js JavaScript Controllerクラス Index フレームワークを含む 画面一式を送り出す Init ・初期データ Search ・検索処理 Regist ・登録処理 /Top /Top/Init /Top/Search /Top/Regist In ：なし Out：初期表示データ (Json) In ：検索条件 (Json) Out：検索結果 (Json) In ：登録情報 (Json) Out：登録結果 (Json) Serviceクラス 共通クラス Init ビジネスロジック Search ビジネスロジック Regist ビジネスロジック 共通なビ ジネスロジック など エンティティDA テーブルDA Select Insert Update Delete SelectTopList SelectDakokuList テーブル ストアドプロシージャ テーブル テーブル ストアドプロシージャ セッション情報 別機能のSPA ※複数のSPAから構成される。 別機能のSPA ※複数のSPAから構成される。 JavaScript ライブラリ群 20 モジュール構成
21. 21 システム構成 フロントエンドアーキテクトの選定 ・一覧やグラフ、特殊コントロールなどを作りこむ時間を最小限に ★Angular、React、Vue.jsで比較検討 フレームワーク：Vue.js ライブラリ：Wijmo Enterprise ・学習コストが低い 他と比較して、段階的に始められる。仕組がシンプルで始めやすい ・可読性 コンポーネント内記述は基本はHTMLとJSが独立、より綺麗に書ける ・豊富なドキュメント 日本語版のドキュメントも多数 ・開発支援ツール30周年記念フォーラム「Toolsの杜（ツールのもり）」 （2018/7/10開催）に参加 ・.NET開発経験者が多く、馴染みのあったサードパーティ製品を選定
22. 22 CC-BizMate made from Wijmo 様々なパーツにWijmoを使用 デザインの統一にも一役
23. 23 苦労話 マイグレーションならではの苦難 やりたい事がやりたい様にできないもどかしさ ・サポート窓口とのやり取りで苦難 意図しない動作を再現するためのサンプル作りに追われる場面も ・できるはずなのに、できない！ デモサイトやサンプルは動作するのに、組み込むと動作しない
24. 24 いかに良いものを作るか 「使いやすさ」と「作りやすさ」 ・「作りやすさ」＝「作り直しやすさ」にしなくてはいけない 作成中、作成後のメンテナンス性も重要なポイント ・「ツールの使いやすさ」＝「システムの作りやすさ」ではない どちらかに傾くと、結果的に苦労する。バランスが重要 ・「ツールの使いやすさ」＝「ユーザーの使いやすさ」ではない 「作りにくい」は一時の恥 「使いにくい」は一生の恥
25. 今 後 の 展 開 25
26. ク ロ ス キ ャ ッ ト が 目 指 し て い る こ と - コ ラ ボ レ ー シ ョ ン - 26 パートナー様の ビジネス拡大 人事総務部門様の 満足度向上
27. ど ん な コ ラ ボ レ ー シ ョ ン が で き る か 27 API連携 Webサ イト相互 リンク 代理店 /OEM 販売
28. A P I 連 携 28 実績 ・FlatTask（NTTテクノクロス社） ：タスク管理 × 工数管理 ・AI Face Terminal –TEMP-（ビーガル社） ：AI顔認証・検温端末 × 勤怠打刻 提供ドキュメント ・API機能説明書： API通信によるインターフェース説明、戻り値等 技術的なお問合せ ご不明点がございましたら、弊社API連携技術窓口が対応いたします
29. W e b サ イ ト リ ン ク イ メ ー ジ 29 ルーチンワークを ロボットに もっと業務をラクに 多様な働き方に ◆グローバルナビ ◆個別ページ 商品名 手書き文字を テキスト化 商品名 テレワーク時の セキュリティ強化 商品名 テレワークの 業務管理に 商品名 もっと生産性向上 日々のタスク管理 商品名 労働時間分析 サービス 商品名 ・・・ パートナー様の 商材ページへ
30. 代 理 店 / O E M 販 売 30 キックバック ・案件のご紹介のみでOK ・成約時(入金タイミング)に営業手数料として月額利用料3か月分をお支払い 代理店販売 ・営業は御社主体（弊社は営業支援） ・導入/保守サポートは弊社主体 ・ライセンス仕切価格はパートナーランクによって設定 OEM販売 ・営業/導入は御社主体（初期段階は弊社にて支援） ・保守サポートは弊社主体 ・CC-BizMateを貴社製品名で取り扱い頂ける。（ロゴとイメージカラーの変更が可能）
31. ま と め 31 様々な企業様との協創・新たな付加価値創造の実現の取り組みを行い、これからもお客様の 業務課題に対応して参ります。 ソリューション強化 ＡＩ ブロックチェーン cloud コレボレーション →アライアンス強化 デジタルサイネージ
32. 最 後 に 32 お気軽にご覧ください。 https://www.cc-bizmate.jp/